UE复文本编辑器

最新推荐文章于 2025-09-12 16:56:45 发布

转载最新推荐文章于 2025-09-12 16:56:45 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2518388/blog/599384

文章标签：

#javascript #python #ViewUI

本文介绍如何在网页中集成Ueditor编辑器，用于新闻详情的输入与展示，包括JS引用方法、HTML代码整合及实际浏览器显示效果。

2019独角兽企业重金招聘Python工程师标准>>>

将JS插件放入程序，在页面JS引用处引用如下JS

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Member/js/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/Member/js/ueditor/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/Member/js/ueditor/lang/zh-cn/zh-cn.js"></script>
	
	<script language="javascript">
		var ue = UE.getEditor('editor');
	</script>

2.在HTML页面里面加入如下代码。其中style="width:1024px;height:500px;" 控制编辑器显示大小。

<div class="rows">
        	<label>新闻详情</label>
        	<span class="input">
        		<textarea id="editor"  class="myEditor" name="description" style="width:1024px;height:500px;">{$news.content}</textarea>
        	</span>
        	<div class="clear"></div>
	    </div>

3.在浏览器中显示效果如下