2016-01-05 106 views
3

我目前正在對wordpress中的前端編輯進行編碼。結果應該是使用WordPress的帖子類似於Evernote的編輯。在wordpress中設置TinyMCE 4內容wp_editor

一個主要問題是將編輯器的必要動態(在DOM(已解決)和獲取(已解決)和設置內容中移入)。

Wordpress數據庫存儲沒有段落的標記,並在交付時添加它們。當你最初設置在textarea的PHP

wp_editor($content, $editor_id,$settings); 

的內容寫入(無段)TinyMCE的內容,TinyMCE的移除此對init和不上初始化一些處理,並在可視化編輯器寫它。

設置我從WordPress數據庫中抓取的內容動態我用

tinyMCE.get(editor_id).setContent(content); 

但不幸的是,這似乎繞開TinyMCE的初始化導致丟失換行符和段落進行的處理。

我目前的解決方法是設置內容到WordPress的worpress文本編輯器,然後再切換回可視化編輯器,因爲這似乎觸發中斷和段落的處理:

jQuery("#myeditor-html").trigger("click"); 
jQuery('#textarea_id').val(content); 
jQuery("#myeditor-tmce").trigger("click"); 

我真不「T喜歡這個解決方案,因爲

  • WordPress的不建議切換,如果你愛你的視覺內容
  • 我想禁用‘後來
  • 012 quicktags’文本編輯器

我的編碼技能不夠好,不能讀取tinymce的init代碼,我也不能找到jQuery("#myeditor-tmce").trigger("click")上的wordpress。

期間,有人與所述同樣的問題:

tinymce setContent removes new lines

但是這種解決方案是這樣基本使得它與任何擴展標記(例如,列表)崩潰。

你能幫我找到一個優雅的代碼,用wp數據庫內容填充tinymce,這意味着要弄清提到的處理?

回答