编译器的引用

百度编译器（ueditor）：

<一>引入

1：引入config js文件

2：引入all_main js文件

3：<textarea id="ediitor"></textarea>

4:配置url路径window.UEDITOR_HOME_URL =》编译器路径

5:实例化：var ue = UE.getEditor('editor');

例：

<div>
   <textarea id="goods"></textarea>
</div>

<script type="text/javascript" src="../ueditor/utf8-php/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../ueditor/utf8-php/ueditor.all.min.js"></script>
<script type="text/javascript">
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
   window.UEDITOR_HOME_URL="../ueditor/";
    var ue = UE.getEditor('goods');

</script>

<二>参数的配置

方法一：可以在config配置文件中直接修改

方法二：可以在实例化的时候以参数的形式带入

例如：   var ue = UE.getEditor('goods', {
    toolbars: [
        ['fullscreen', 'source', '|', 'undo', 'redo', '|',
            'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
            'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
            'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
            'directionalityltr', 'directionalityrtl', 'indent', '|',
            'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
            'link', 'unlink', 'anchor', '|']
    ],
    initialFrameWidth:500,
    initialFrameHeight:400,
});

<三>接收数据

定义一个php文件

<四>如何在本页面获取编译器的内容

正如以下所示：

<title>无标题文档</title>
<script type="text/javascript">
function t(){
var d =document.getElementsByTagName('textarea')[0];
alert(d.innerHTML);
}
</script>
</head>
<body>
<textarea >who you are</textarea>
<input type="button" value="提交" onclick="t();"/>
</body>

此时获取数据的方法

function t2(){

alert(ue.getContent());}

posted on 2015-12-14 15:32 yanran 阅读(253) 评论(0) 编辑收藏举报

编译器 的引用

编译器的引用