減小TinyMCE textarea中的行間距

我正在使用TinyMCE提供富文本編輯文本編輯器。但是線條之間的線間距太大。我添加了一個屏幕截圖，顯示按下輸入時的行間距。可以做些什麼 TinyMCE Screenshot 減小TinyMCE textarea中的行間距

2011-12-11 Sachin

有一個css類應用於TinyMCE html內容。看起來你有<p>標籤導致間距。老實說，這對我來說很不錯。但您可以在css類中覆蓋：

.tinymce-content p { 
    padding: 0; 
    margin: 2px 0; 
}

有關更多信息，請參閱tinymce docs。

來源

2011-12-11 11:35:13 danludwig

非常感謝你給我，但是還有另外一個問題的代碼。在輸入命中之前，文本編輯器中會繼續進行。我的意思是一個滾動條出現，然後超過寬度。我如何在框中包含文本。沒有人想看到水平滾動條 – Sachin

請把它作爲一個單獨的問題發佈。 – danludwig

在這裏，我已經發布這個作爲一個單獨的問題http://stackoverflow.com/questions/8464929/how-to-prevent-horizontal-scrolling-of-mce-editor – Sachin

您可以添加自定義CSS的CSS編輯器是這樣的：

tinyMCE.init({ 
     ... 
     editor_css : "/content_css.css" 
});

見文檔瀏覽：http://www.tinymce.com/wiki.php/Configuration:editor_css

然後，您可以設置一個line-height屬性您希望在該文件中的任何高度。

您也可以更改設置，您可以在生成段落標記（P）或斷行標記（BR）之間，像這樣進行切換：

tinyMCE.init({ 
     ... 
     force_br_newlines : true, 
     force_p_newlines : false, 
     forced_root_block : '' // Needed for 3.x 
});

請參閱該文檔此處獲得更多信息：http://www.tinymce.com/wiki.php/Configuration:force_br_newlines

我認爲TinyMCE會在按下Enter鍵時將段落標準化爲標準，這就是爲什麼您的線條之間會有大量空白。您也可以使用Shift +在Word中輸入，以獲得換行而不是段落的新行。

來源

2011-12-11 11:37:45 span

感謝您的幫助，我會做出相應的更改。 – Sachin

祝你好運！有時在編輯器中使用主站點css是很好的，用於管理內容使其看起來更真實。有時候這隻會讓人討厭：P – span

這個選項會像覆蓋按鈕一樣覆蓋用於tinymce UI的css，但不會覆蓋內容。 content_css在這裏是正確的使用 – Thariama

您可以強制TinyMCE輸出div而不是段落。只要把這個線你tinyMCE.init部分：

forced_root_block : 'div',

來源

2013-06-29 10:46:13

我知道，這個職位是舊的，但它可以幫助別人。

'force_br_newlines' 和 'force_p_newlines' 被棄用的3.5。

使用forced_root_blocks代替：

tinyMCE.init({ 
     ... 
     force_br_newlines : true, 
     force_p_newlines : false, 
     forced_root_block : '' // Needed for 3.x 
});

來源

2014-07-09 09:43:05 salah9

這給出了非常不同的結果，它不只是刪除填充，而是整個段落。 – Randy

這是我所遇到過那麼遠，所以您可以使用它的最佳解決方案：

tinyMCE.init({ 
    style_formats : [ 
      {title : 'Line height 20px', selector : 'p,div,h1,h2,h3,h4,h5,h6', styles: {lineHeight: '20px'}}, 
      {title : 'Line height 30px', selector : 'p,div,h1,h2,h3,h4,h5,h6', styles: {lineHeight: '30px'}} 
    ] 
});

反正......爲我工作

來源

2014-08-03 11:09:47 TidharPeer

從TinyMCE的4.x版，你可以指定這個選項

forced_root_block_attrs: { "style": "margin: 5px 0;" }

這將追加style: margin: 5px 0;爲每p標籤。

P.S：它不會複製/粘貼內容合作。

參見：http://archive.tinymce.com/wiki.php/Configuration:forced_root_block_attrs

來源

2015-12-11 09:54:30 mangatinanda

減小TinyMCE textarea中的行間距

回答

相關問題