2013-11-25 89 views
0

我使用wysihtml5與bootstrap-wysihtml5來保存html模板(並在某些時候我需要將它們加載到wysihtml5上)。我希望能夠在編輯器上允許輸入標籤。允許HTML輸入標記和值wysihtml5

用戶的工作流程應該是這樣的:

  1. 創建一個「輸入=文本」和「輸入=複選框」模板並保存它。
  2. 加載保存在wysiwyg5上的模板(它會顯示輸入,以便用戶可以選中複選框,在另一個上輸入一些值,添加另一個HTML等)
  3. 保存所有數據(包括輸入值/檢查狀態)

在引導-wysihtml5 parserRules我添加:

"input": { check_attributes: { "type": "alt", "name":"alt","id":"alt", "value": "alt" }}, 

而能正常工作添加(在HTML源視圖)<輸入/ >元素,但我無法保存的值的用戶插入in放。

有關如何完成此任務的任何提示?

編輯1:

下面是該問題的一個小提琴:http://jsfiddle.net/KuA9Z/1/

回答

0

對於我這樣工作的:

$('#id-of-textarea').val() 

這將返回:

<input type="text"> Some text. 

如果這不起作用,你能不能用你的代碼翻找一個小提琴?

我正在使用自己的fork https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/和bootstrap3。

+0

這裏是:http://jsfiddle.net/KuA9Z/1/ – Leo

+0

Thx爲小提琴。我試了一下,我認爲,與當前的編輯器,這是不可能(檢查的事情)。解決方案是創建一個分支,並對分析器規則進行一些添加以允許沒有值的屬性。但是我會將模板創建從數據輸入中分離出來。對於輸入值,解決方法是在輸入上添加一個腳本,以便將輸入值與val()之前執行的html中的值同步(在輸入字段上查看螢火蟲,源不變)。 – Christian

+0

我能夠發展這一點,並獲得值(與複選框可接受的解決方法):http://jsfiddle.net/KuA9Z/4/。現在,我在輸入內容中按空格鍵時出現問題,但我認爲也許wysihtml5並不是一個很好的組件,可以做這種事情...會多玩一會,也許可以搜索另一個解決方案。謝謝你的幫助。 – Leo