Question

我创建了一个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正确加载，浏览器控制台没有任何错误。

JSF TinyMCE复合组件无法正常工作？

0 个答案: