2016-01-29 155 views
1

我在設置所見即所得的TinyMCE(我使用v.4.3.3)時遇到了一些困難。TinyMCEv4編輯器內容換行

我想用我的網站的CSS呈現編輯器內容。我已經爲我的css文件設置了content_css變量,但這還不夠。在編輯器中編寫的文本將成爲新的文章主體。因爲它將被包裝在幾個容器中(類似<div id="some_ID"><div id="another_ID"><article><section>(WYSIWYG TEXT)</section></article></div></div>),並且因爲在所見即所得預覽中沒有包裝,所以它不能正確渲染。你有沒有一些(簡單)的方式來包裝編輯器內容與合適的包裝,或者你寧願建議以某種方式編輯CSS文件,所以它會正確呈現內容沒有包裝(我不真的喜歡這個想法,但如果這將是唯一的方法來做到這一點,我將不得不這樣做)。

編輯:爲了清楚,我不想提交那些添加的包裝,我只是想讓他們改變編輯器內容的呈現方式。

回答

0

我建議在編輯模式下使用

forced_root_block:'' 

,只有在預覽通過使用jQuery的append()和前置()

+0

這是應該做的一種方式添加所需的包裝,但這種方式內容將僅在預覽模式下正確呈現,這使得它不會被所見即所得...... – siwy2411

+0

所以1)在class/es中添加適當的包裝器,它將覆蓋所有需要的樣式,以便正確顯示並在預覽中刪除無用的內容使用jQuery 2)創建tinyMce模板,它將覆蓋所有需要的樣式,它也將在預覽中工作 – user2389307

+0

1)正如我回復 - 它會只是使預覽看起來不錯,並不是我想要實現的...... 2)模板可能是一個解決方案,但我需要複雜的結構(例如,參見我的問題),模板只停留在它找到的第一個「div」上。 .. – siwy2411