JSF中使用UEditor

来源：互联网发布：李南江js 编辑：程序博客网时间：2024/05/16 12:27

上篇文章中配置好了“JSP使用UEditor”，JSF使用UEditor就很简单了。
1.首先在上个项目中田间JSF运行环境：
这里写图片描述
2.创建托管Bean（注意注解的包）

package com.yufeng.test.model;import javax.faces.bean.ManagedBean;import javax.faces.bean.RequestScoped;@ManagedBean@RequestScopedpublic class Test {    protected String content;    public String getContent() {        return content;    }    public void setContent(String content) {        this.content = content;    }}

3.编写主页

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"    xmlns:h="http://java.sun.com/jsf/html"    xmlns:f="http://java.sun.com/jsf/core">    <h:head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />        <base href="/UEditor/"></base>        <!-- 一定要注意配置base基本路径，配置JSF后默认路径会变，相对路径会失效 -->        <title>JSF Template</title>    </h:head>    <h:body>        <h:form prependId="false" >            <h:inputTextarea id="content" value="#{test.content}" ></h:inputTextarea>            <h:commandButton action="result.xhtml" value="提交" ></h:commandButton>        </h:form>        <script type="text/javascript" charset="utf-8" src="./plugins/ueditor/ueditor.config.js"></script>        <script type="text/javascript" charset="utf-8" src="./plugins/ueditor/ueditor.all.min.js"> </script>        <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->        <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->        <script type="text/javascript" charset="utf-8" src="./plugins/ueditor/lang/zh-cn/zh-cn.js"></script>        <script>            var ue = UE.getEditor('content')        </script>    </h:body></html>

4.编写结果展示页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"    xmlns:h="http://java.sun.com/jsf/html"    xmlns:f="http://java.sun.com/jsf/core">    <h:head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />        <title>JSF Template</title>    </h:head>    <body>        <script>            document.write('${test.content}');        </script>    </body></html>

5.效果：
这里写图片描述

0 0