tinymce默认应用(书面)风格

时间:2014-08-25 12:23:58

标签: javascript html tinymce

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

例如:当我按下输入tinymce时创建一个新段落(没关系,我知道这个行为可以改变,但段落没问题。)

我需要的是应用该段落的特定样式。 我看到有可能指定content_css,但这是编辑后的html中所写内容的视觉变形。

我需要的是当我按下输入具有特定样式(margin,alignmnent,..)的段落时,必须直接在编辑过的html文本中写入。

e.g。 <P style="margin-top:2px; margin-bottom:10px"> ...</P>

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

我需要这个,因为在编辑之后,html内容被用在应用程序的另一部分,我无法添加其他样式配置。

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

是的,有可能在tinymce。只需转到工具 - &gt;编辑器工具栏的源代码。用那里的风格写你的HTML代码。你可以试试自己。