文本編輯器



將文件夾放在webroot目錄下,引用的時候注意路徑


<head>
<base href="<%=basePath%>">

<title>文本編輯器</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script src="editor/js/instantiation.js" type="text/javascript" charset="utf-8"></script>
<script src="editor/ueditor.config.js" type="text/javascript" charset="utf-8"></script>
<script src="editor/ueditor.all.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>

<style type="text/css">
div {
width: 100%;
}
</style>
</head>

<body>
<div>
<h1>完整demo</h1>
<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>
</body>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章