Question

我想使用TinyMCE，但我没有使用它。这是我的初始化：

<script src="/resources/tinymce/js/tinymce/tinymce.min.js" />
<script type="text/javascript">
tinyMCE.baseURL = "/resources/tinymce/js/tinymce/";
tinyMCE.init({
    editor_selector : "tinyed",
    theme : "modern",
    toolbar: 'insertfile undo redo |  bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor'
});
</script>

我想在这个textarea上使用它：

<h:inputTextarea id="field" class="tinyed" />

当我运行我的项目时，显示textarea而不是我的编辑器。控制台显示没有错误，从TinyMCE文档我不会变得更聪明。

Answer 1

根据documentation（这是有原因的）你的init是错误的。首先是＆＃39; editor_selector＆＃39;的名称。应该是＆＃39;选择器＆＃39;并且值应该采用css选择器，所以在你的情况下＆＃39; .tinyed＆＃39;。

完成初始化：

tinyMCE.init({
    selector : ".tinyed",
    theme : "modern",
    toolbar: 'insertfile undo redo |  bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor'
});

全部在文档中（我没有TinyMCE用户，只知道如何调试一下并阅读文档）

您可以使用文档中提到的不同类型的选择器。基于标签名称，类别甚至ID（但我选择更明确的id＆＃39; s，字段过于通用）。如果您使用id，则会警告组件的客户端ID与服务器端ID不同。 How can I know the id of a JSF component so I can use in Javascript

TinyMCE显示正常的textarea

1 个答案: