1个回答
展开全部
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>
多余函数可以删除,如果你用不着的话
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>
多余函数可以删除,如果你用不着的话
AiPPT
2024-09-19 广告
2024-09-19 广告
随着AI技术的飞速发展,如今市面上涌现了许多实用易操作的AI生成工具1、简介:AiPPT: 这款AI工具智能理解用户输入的主题,提供“AI智能生成”和“导入本地大纲”的选项,生成的PPT内容丰富多样,可自由编辑和添加元素,图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询