网站内容编辑器(如何使用？建立一个demo.html文件，项目官网)

　　网站内容编辑器(如何使用？建立一个demo.html文件，项目官网)

　　如何使用？

　　创建一个demo.html文件，首先在需要添加编辑器的地方添加如下代码，使用style设置编辑器的宽高。

　　 <br style="margin: 0px; padding: 0px;"/>    <p>内容区域 <br style="margin: 0px; padding: 0px;"/> <br style="margin: 0px; padding: 0px;"/></p>

　　然后，加载 UEditor 相关的 js 和 css 文件。相关文档可从本站下载或直接到UMedia官网下载最新版本。

　　 <br style="margin: 0px; padding: 0px;"/> <br style="margin: 0px; padding: 0px;"/> <br style="margin: 0px; padding: 0px;"/> <br style="margin: 0px; padding: 0px;"/>

　　接下来，我们开始调用编辑器：

　　 <br style="margin: 0px; padding: 0px;"/> var um = UM.getEditor(&#39;myEditor&#39;); <br style="margin: 0px; padding: 0px;"/> <br style="margin: 0px; padding: 0px;"/>

　　现在我们可以打开浏览器预览编辑器效果。

　　自定义选项

　　UMeditor 提供了丰富的选项，用户可以根据自己的项目需求进行自定义。

　　要获取编辑器中的内容，可以使用以下代码，也可以获取纯文本内容。

　　UM.getEditor(&#39;myEditor&#39;).getContent(); <br style="margin: 0px; padding: 0px;"/>

　　判断编辑器是否有内容，可以使用如下代码：

　　    var cont = UM.getEditor(&#39;myEditor&#39;).hasContents(); <br style="margin: 0px; padding: 0px;"/>    if(cont==true){ <br style="margin: 0px; padding: 0px;"/>        alert(&#39;有内容。&#39;); <br style="margin: 0px; padding: 0px;"/>    }else{ <br style="margin: 0px; padding: 0px;"/>        alert(&#39;无内容。&#39;); <br style="margin: 0px; padding: 0px;"/>    } <br style="margin: 0px; padding: 0px;"/>

　　如果将编辑器放入表单并设置动作路径，则可以提交表单以传输编辑器中的内容。喜欢：

　　 <br style="margin: 0px; padding: 0px;"/>    这里写你的初始化内容 <br style="margin: 0px; padding: 0px;"/>    提交 <br style="margin: 0px; padding: 0px;"/> <br style="margin: 0px; padding: 0px;"/>

　　我们可以在工具栏中设置允许使用的工具图标。比如下面是几个常用工具图标的简单自定义：

　　var editor = UM.getEditor(&#39;container&#39;,{ <br style="margin: 0px; padding: 0px;"/>    toolbar:  <br style="margin: 0px; padding: 0px;"/>        [&#39;bold italic underline fullscreen&#39;, &#39;link unlink&#39;,&#39;| justifyleft justifycenter justifyright justifyjustify |&#39;, &#39;emotion image video  | map&#39;] <br style="margin: 0px; padding: 0px;"/>     <br style="margin: 0px; padding: 0px;"/>}); <br style="margin: 0px; padding: 0px;"/>

　　UMeditor 提供了很多工具，可以根据需要进行定制，例如表格编辑、列表布局、多媒体插入、图片上传、地图调用等。UMeditor 提供多种语言版本的服务器，主要用于上传图片。用户可以设置上传路径、上传文件类型限制、大小限制等，设置即可应用。

　　更多关于UMeditor的信息，请关注UMeditor项目官网：.