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

体验最好的HTML编辑器UEditor介绍及入门实例

2013-10-31 00:00 555 查看
百度为数不多的开源产品，出来时间虽不长，但是体验和使用俱佳。几乎百度自己所有产品和很多大型网站都在使用、
演示：http://ueditor.baidu.com/website/onlinedemo.html
下载：http://ueditor.baidu.com/website/download.html#ueditor
教程：http://ueditor.baidu.com/website/document.html
目录结构:




_examples：编辑器完整版的示例页面
dialogs：弹出对话框对应的资源和JS文件
themes：样式图片和样式文件
php/jsp/.net：涉及到服务器端操作的后台文件，根据你选择的不同后台版本，这里也会不同，这里应该是jsp,php,.net
third-party：第三方插件(包括代码高亮，源码编辑等组件）
editor_all.js：_src目录下所有文件的打包文件
editor_all_min.js：editor_all.js文件的压缩版，建议在正式部署时才采用
editor_config.js：编辑器的配置文件，建议和编辑器实例化页面置于同一目录



入门使用：使用极其简单，只要引入相应js文件，然后实例化编辑器即可：
<html>
    <head>
        <title>PHP点点通（http://www.phpddt.com）演示教程</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="./ueditor.config.js"></script>  
        <script type="text/javascript" src="./ueditor.all.min.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            UE.getEditor('myEditor')
        </script>
        <textarea name="test" id="myEditor">这里写你的初始化内容</textarea>

    </body>
</html>


更多教程请查看官方文档或自带examples.
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航