在编辑详细信息是可以引入高级的编辑器,例如:百度编辑器,
百度编辑器有很多功能,可以编辑文字的样式,也可以插入图片,编辑涂鸦等功能
首先要下载ueditor文件,也就是编辑器文件,在ueditor.baidu.com目录下下载
下载后将文件放在自己的服务器目录下,改名为ueditor
然后创建HTML文件,引入两个js文件,uditor.config.js和uditor.all.js
<script type="text/javascript" src=‘ueditor/ueditor.config.js‘></script> <script type="text/javascript" src=‘ueditor/ueditor.all.js‘></script>
再写一个textarea标签,创建id
<textarea id="myEdit" ></textarea>
再创建script标签,在这个标签中创建对象
<script type="text/javascript"> var editor=new UE.ui.Editor(); editor.render(‘myEdit‘); </script>
最后在uditor.config.js文件中更改URL为这个编辑器的目录
var URL = window.UEDITOR_HOME_URL || "./ueditor/";
所有的配置项都在ueditor.config.php中进行配置,例如配置宽和高
,initialFrameWidth:700 //初始化编辑器宽度,默认1000 ,initialFrameHeight:400 //初始化编辑器高度,默认320
刷新这个HTML文件,就能在自己的页面看到百度编辑器了
配置项也可以作为对象的参数设置,例如:
var editor=new UE.ui.Editor({initialFrameWidth:700});
时间: 2024-12-27 14:53:42