(2)关于uediter内置的方法
大家在用uediter的时候往往不知道怎样去调用uediter插件中的内容或者操作一些方法,下面为一些常用的方法,在html中的js中直接调用即可。
<body>
<div><h1>完整demoh1><script id="editor" type="text/plain" style="width:1024px;height:500px;">script>
div>
<div id="btns"><div><button onclick="getAllHtml()">获得整个html的内容button><button onclick="getContent()">获得内容button><button onclick="setContent()">写入内容button><button onclick="setContent(true)">追加内容button><button onclick="getContentTxt()">获得纯文本button><button onclick="getPlainTxt()">获得带格式的纯文本button><button onclick="hasContent()">判断是否有内容button><button onclick="setFocus()">使编辑器获得焦点button><button onmousedown="isFocus(event)">编辑器是否获得焦点button><button onmousedown="setblur(event)" >编辑器失去焦点button>div><div><button onclick="getText()">获得当前选中的文本button><button onclick="insertHtml()">插入给定的内容button><button id="enable" onclick="setEnabled()">可以编辑button><button onclick="setDisabled()">不可编辑button><button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器button><button onclick=" UE.getEditor('editor').setShow()">显示编辑器button><button onclick=" UE.getEditor('editor').setHeight(300)">设置高度为300默认关闭了自动长高button>div><div><button onclick="getLocalData()" >获取草稿箱内容button><button onclick="clearLocalData()" >清空草稿箱button>div>div>
<div><button onclick="createEditor()">创建编辑器button><button onclick="deleteEditor()">删除编辑器button>
div><script type="text/javascript">//实例化编辑器//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例var ue = UE.getEditor('editor');function isFocus(e){alert(UE.getEditor('editor').isFocus());UE.dom.domUtils.preventDefault(e)}function setblur(e){UE.getEditor('editor').blur();UE.dom.domUtils.preventDefault(e)}function insertHtml() {var value = prompt('插入html代码', '');UE.getEditor('editor').execCommand('insertHtml', value)}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(isAppendTo) {var arr = [];arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);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 = UE.dom.domUtils.getElementsByTagName(div, "button");for (var i = 0, btn; btn = btns[i++];) {if (btn.id == str) {UE.dom.domUtils.removeAttributes(btn, ["disabled"]);} else {btn.setAttribute("disabled", "true");}}}function enableBtn() {var div = document.getElementById('btns');var btns = UE.dom.domUtils.getElementsByTagName(div, "button");for (var i = 0, btn; btn = btns[i++];) {UE.dom.domUtils.removeAttributes(btn, ["disabled"]);}}function getLocalData () {alert(UE.getEditor('editor').execCommand( "getlocaldata" ));}function clearLocalData () {UE.getEditor('editor').execCommand( "clearlocaldata" );alert("已清空草稿箱")}
script>
body>
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
