没有应用TinyMCE自定义样式(尽管技术上可行)

TinyMCE Custom Styles not being applied (although technically working)

本文关键字:技术上 应用 TinyMCE 自定义 样式      更新时间:2023-09-26

我安装了最新的TinyMCE (jquery版本)在一些自定义表单我正在为客户端工作。我创建了一个自定义样式文件,并将init更改为指向正确的文件(以及在必要时加载它)。

自定义样式正确地加载了我的样式,并且它们可以工作,除了一件事。当您选择未样式化的文本并选择样式时,什么都不会发生。没有为我选择的文本分配新的类(所有自定义css都是自定义类(带有@font-face))。

但是,如果我打开TinyMCE的HTML部分并手动添加class="garbage",然后尝试分配一个样式,它将用正确的类替换garbage。文本&字体也正确更新了

当没有类被分配时,它根本不会更新。

注意:也尝试修改其他元素首先(使其h1,h2,不同的对齐等),但它仍然不会更新类,除非我设置它的任何手动首先

由于您使用的是jQuery版本,我相信您的问题将得到解决,如果您初始化并使用jQuery的方式tinyMCE,像这样:

// Initializes all textareas with the tinymce class
$().ready(function() {
   $('textarea.tinymce').tinymce({
      script_url : '../js/tinymce/jscripts/tiny_mce/tiny_mce.js',
      theme : "advanced",
      ...
   });
});
http://www.tinymce.com/wiki.php/jQuery_Plugin

而不是传统的javascript方式

<script type="text/javascript" >
tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        ...
});
</script >