TinyMCE显示正常的文本区域

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>

我想在这个文本区域使用它：

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

当我运行我的项目时，将显示文本区域而不是我的编辑器。控制台没有显示任何错误，从TinyMCE文档中，我并没有变得更聪明。

Answer 1

根据文档(它是有原因的(，你的 init 是错误的。首先，"editor_selector"的名称应该是"选择器"，并且该值应该采用css选择器，因此在您的情况下为".tinyed"。

完成初始化：

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，字段太通用了(。如果使用 id，请注意组件的客户端 ID 与服务器端 ID 不同。我怎样才能知道 JSF 组件的 id，以便我可以在 Javascript 中使用