WEB开发中经常需要使用html富文本编辑器,网上各种编辑器版本也比较多,随着互联网的发展,对编辑器的功能要求也越来越多,这里我推荐使用ewebeditor,这是一款用户体验很好的编辑器。这里我主要介绍他的最新版也是比较稳定的一版。
eWebEditor V7.8 for PHP
在功能上非常强大,支持再上传doc,虽然是商业版,但是可以下载到破解版,后台默认管理员和密码都是admin
ewebeditor使用介绍――工具/原料ewebeditor编辑器phpewebeditor使用介绍――方法/步骤
ewebeditor使用介绍 1、
下载ewebeditor最新版到本地然后部署,通过站点服务器路径访问后台登录!
登录目录:
http://服务器地址/ewebeditor/admin/default.php
用户名:admin 密码:admin
ewebeditor使用介绍 2、
点击左侧:样式管理
然后在右侧选择一款你喜欢或者你需要的样式预览之后得到代码
单击代码 得到代码:
<IFRAME ID="eWebEditor1" SRC="ewebeditor.htm?id=XXX&style=light" FRAMEBORDER="0" SCROLLING="no" WIDTH="550" HEIGHT="350"></IFRAME>
ewebeditor使用介绍 3、
获得代码后在你需要的html表单中粘贴如下代码:
文本域代码,必须的注意名称和id必须要和浮动框架代码的src中id一直
<textarea type="hidden" name="articalcontent" id="articalcontent" style="display:none;"/></textarea>
<iframe ID="eWebEditor1" src="/public/ewebeditor/ewebeditor.htm?id=articalcontent&style=standard650" frameborder="0" scrolling="no" width="650" height="350"></iframe>
ewebeditor使用介绍 4、
添加完成后预览则可以看到编辑器的效果,改编辑器的上传图片和文件目录可在编辑器的代码中找到,预览文章图片和上传的文件均可正常显示!
后台也可如获取文本域的内容一样获取编辑器的纯html代码。
上传word文档是需要下载编辑器自己提供的插件。安装完毕即可使用!
ewebeditor使用介绍――注意事项安装目录的路径浮动框架代码的位置