ueditor编辑器怎样调用

发布网友 发布时间：2022-04-22 07:51

我来回答

共1个回答

热心网友 时间：2022-05-12 02:29

1、下载编辑器
2、解压到网站文件夹中
3、文件头中 加载js 文件，注意路径 和编码

<script type="text/javascript" charset="gbk" src="../editor_config.js"></script>
<script type="text/javascript" charset="gbk" src="../editor_all.js"></script>
4、 定义编辑器的编辑框

<script id="editor" type="text/plain" style="width:1076px;" >这里可以书写，编辑器的初始内容</script>
5、页面底部加入初始化程序
<script type="text/javascript">

//实例化编辑器
UE.getEditor('editor');

function createEditor(){
enableBtn();
UE.getEditor('editor')
}
function getAllHtml() {
alert( UE.getEditor('editor').getAllHtml() )
}
function getContent() {
var arr = [];
arr.push( "使用editor.getContent()方法可以获得编辑器的内容" );
arr.push( "内容为：" );
arr.push( UE.getEditor('editor').getContent() );
alert( arr.join( "\n" ) );
}
function getPlainTxt() {
var arr = [];
arr.push( "使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容" );
arr.push( "内容为：" );
arr.push( UE.getEditor('editor').getPlainTxt() );
alert( arr.join( '\n' ) )
}
function setContent() {
var arr = [];
arr.push( "使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容" );
UE.getEditor('editor').setContent( '欢迎使用ueditor' );
alert( arr.join( "\n" ) );
}
function setDisabled() {
UE.getEditor('editor').setDisabled( 'fullscreen' );
disableBtn( "enable" );
}

function setEnabled() {
UE.getEditor('editor').setEnabled();
enableBtn();
}

function getText() {
//当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
var range = UE.getEditor('editor').selection.getRange();
range.select();
var txt = UE.getEditor('editor').selection.getText();
alert( txt )
}

function getContentTxt() {
var arr = [];
arr.push( "使用editor.getContentTxt()方法可以获得编辑器的纯文本内容" );
arr.push( "编辑器的纯文本内容为：" );
arr.push( UE.getEditor('editor').getContentTxt() );
alert( arr.join( "\n" ) );
}
function hasContent() {
var arr = [];
arr.push( "使用editor.hasContents()方法判断编辑器里是否有内容" );
arr.push( "判断结果为：" );
arr.push( UE.getEditor('editor').hasContents() );
alert( arr.join( "\n" ) );
}
function setFocus() {
UE.getEditor('editor').focus();
}
function deleteEditor() {
disableBtn();
UE.getEditor('editor').destroy();
}
function disableBtn( str ) {
var div = document.getElementById( 'btns' );
var btns = domUtils.getElementsByTagName( div, "input" );
for ( var i = 0, btn; btn = btns[i++]; ) {
if ( btn.id == str ) {
domUtils.removeAttributes( btn, ["disabled"] );
} else {
btn.setAttribute( "disabled", "true" );
}
}
}
function enableBtn() {
var div = document.getElementById( 'btns' );
var btns = domUtils.getElementsByTagName( div, "input" );
for ( var i = 0, btn; btn = btns[i++]; ) {
domUtils.removeAttributes( btn, ["disabled"] );
}
}
</script>

多余函数可以删除，如果你用不着的话