tinymce 默认应用（书面）样式

Question

我正在使用 tinymce 编辑 Web 应用程序中的某些字段。 我需要有一些规范的 html 结果（编辑后）。

例如：当我按 enter tinymce 创建一个新段落时（没关系，我知道可以更改此行为，但段落没问题）。

我需要的是应用段落的特定样式。 我看到可以指定 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>。

Answer 2

是的，在 tinymce 中是可能的。只需转到编辑器工具栏的Tools -> Source Code。在那里编写带有样式的 HTML 代码。你可以自己试试。