TinyMCE自定义样式不适用（虽然技术上工作）

我有最新的TinyMCE安装（jQuery版本）在我正在为客户端工作的一些自定义窗体。我创建了一个自定义样式文件，并将init更改为指向正确的文件（以及在必要时加载它）。TinyMCE自定义样式不适用（虽然技术上工作）

自定义样式正确加载了我的样式，它们工作，除了一件事情。你选择未文本化的文本，并选择一个样式什么也没有发生，没有新的类被分配到我选择的文本（所有的自定义CSS是自定义类（使用@ font-face）。

但是，如果我打开TinyMCE的HTML部分并手动添加class =“垃圾”，然后尝试指定一个样式，它用正确的类替换垃圾文本&字体也正确更新。

它只是当没有已经分配的类时，根本不会更新。

注意：还尝试先修改其他元素（使它h1，h2，不同等对齐..）但它仍然不会更新类，除非我先将它设置为任何手动。

2011-10-09 Bryant

嗨，我尝试了一个简单的CSS使用3.4.6 TinyMCE的Safari，并没有问题。你能否提供你的TinyMCE配置，以及你可以尝试使用CSS的例子。此外，这是什么浏览器？ –

抱歉没有及早回复。它发生在所有浏览器中，TinyMCE具有默认配置，并且正在使用jquery。除了某些原因，它不想将class =“whatever”插入到HTML中，其他所有工作都可以工作。在init只是看起来像： tinyMCE.init（{模式： “文本域”， \t \t主题： “先进的”， \t \t content_css： “/fonts.css” 的CSS是这样的： @字体面{ 字体家庭： “font1”; SRC：URL（ “/字体/ font1.TTF”）;} .font1 { 字体家庭： “font1”， Arial，Helvetica，无衬线字体; \t } – Bryant

这很奇怪，因为我仍然无法复制。我使用JQuery \t $（ 'textarea.tinymce'）TinyMCE的开始TinyMCE的（{ \t SCRIPT_URL：” ../../tinymce/jscripts/tiny_mce/tiny_mce.js'， \t //常规选项 \t主题：“高级”， \t .....}）; 并使用您的CSS。我可以选择整个段落，也可以选择一个段落，并从下拉菜单中应用“font1”样式。在这两种情况下，我都将class =“font1”添加到Paragraph或SPAN标签中。你使用的是什么版本的TinyMCE？您是否能够公开提供可复制此页面的页面？ –

当你正在使用jQuery的版本，我相信如果你初始化和使用TinyMCE的jQuery的方式，像这样的问题将得到解决：

// 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 >

来源

2012-02-03 06:51:11 Rumen

TinyMCE自定义样式不适用（虽然技术上工作）

回答

相关问题