javascript - tinymce 默认应用(书写)样式

Question

我正在使用tinymce 编辑网络应用程序中的某些字段。 我需要一个带有一些规范的 html 结果(编辑后)。

例如:当我按 Entertinymce 时，创建一个新段落(没关系，我知道可以更改此行为，但段落是可以的)。

我需要的是对段落应用特定的样式。 我看到可以指定 content_css，但这是编辑后的 ​​html 中写入内容的视觉变形。

我的需要是，当我按下输入时，必须直接在编辑的html文本中写入具有特定样式(边距，对齐，..)的段落。

例如<P style="margin-top:2px; margin-bottom:10px"> ...</P>

是否可以定义应用于每个 html 标签的特定样式？

我需要这个，因为编辑后，html内容将在应用程序的另一部分使用，我无法添加额外的样式配置。

Answer 1

你尝试过吗？

...
'content_css' : './path/to/your/styles.css',
...

styles.css

p {
   margin-top:2px;
   margin-bottom:10px
}

..我看到可以指定 content_css，但这是一种视觉变形..

确实如此，但不要忘记，当您调用tinyMCE.activeEditor.getContent()时，会提取这种视觉变形。 。 不过，我不确定它会提取应用于 <p> 的特定样式(未经测试)

另请检查here

已更新

好的，我有另一个使用 this 进行 HTML 解析的建议.

$html = str_get_html("<div>add here your HTML from tinymce editor <p></p></div> test <p></p>");
foreach($html->find("p") as $p) {
   $p->style = "margin:2px 0 10px 0";
}
$html_modified = $html;

$html_modified应包含 <p>应用了 margin 。