您的位置:首页 > 产品设计 > UI/UE

JSP页面中嵌入UEditor编辑器方法

2017-01-09 00:00 405 查看
<link rel="stylesheet" href="UEditor/themes/default/css/ueditor.css">

<script type="text/javascript" charset="utf-8" src="<%=path%>/ueditor/ueditor.config.js"></script>

<script type="text/javascript" charset="utf-8" src="<%=path%>/ueditor/ueditor.all.js"> </script>

<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->

<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->

<script type="text/javascript" charset="utf-8" src="<%=path%>/ueditor/lang/zh-cn/zh-cn.js"></script>

<div class="controls"><textarea rows="5" cols="100" style="width: 50%;display: none;" id="txaContent" name="training.content">${meetingWork.content}</textarea>

<script id="scrContent" type="text/plain" style="width:100%;height:355px;">${meetingWork.content}

</script></div>

<script type="text/javascript">

//实例化编辑器//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例

var ue = UE.getEditor('scrContent');

function insertHtml() {

var value = prompt('插入html代码', '');

UE.getEditor('editor').execCommand('insertHtml', value)

}

function createEditor() {

enableBtn();

UE.getEditor('editor');

}</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: