2

我创建了一个 TinyMCE 复合组件步骤

1-在项目的资源目录中添加tinymce了由提供的文件夹。TinyMCE

2-然后在资源目录中创建另一个文件夹editors并创建两个文件一个是js文件tinymce_init.js，代码是

tinyMCE.init({
    mode : "specific_textareas",
    theme : "simple",
    debug : true,
    editor_selector : "tinymce"
});

和另一个文件tinymce.xhtml

<?xml version="1.0" encoding="UTF-8"?>

<ui:component xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:composite="http://java.sun.com/jsf/composite"
    xmlns:pe="http://primefaces.org/ui/extensions">

    <composite:interface>
        <composite:attribute name="value" />
    </composite:interface>
    <composite:implementation>
        <h:outputScript library="tinymce" name="tinymce.js" target="head" />
        <h:outputScript library="editors" name="tinymce_init.js" target="head" />
        <h:inputTextarea rows="5" cols="80" />
    </composite:implementation>
</ui:component>

3-现在将此复合组件访问到我的 xhtml 文件中，如下所示

<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:editors="http://java.sun.com/jsf/composite/editors">
<h:head>
    <title>test</title>

</h:head>
<h:body>
    <editors:tinymce />
</h:body>
</html>

但是当我访问这个文件时，我看到一个没有任何工具栏的输入框，我做错了什么并且 JS 正确加载，浏览器控制台中没有任何错误。

4

0 回答 0