ueditor文字框初始化如何顯示預設內容,以及文字框獲取焦點後清空預設內容
<div>
<form id="myForm" method="post" action="<?=Url::toRoute(['save'])?>">
<!-- 正文 -->
<!-- 載入編輯器的容器 -->
<script id="container" name="content" type="text/plain" style="height:150px"></script>
<input type="hidden" name="image" id="image" value="" >
</form>
</div>
<!-- 配置檔案 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 編輯器原始碼檔案 -->
<script type="text/javascript" src="ueditor.all.js"></script>
<!-- 例項化編輯器 -->
<script type="text/javascript">
var ue = UE.getEditor('container', {
toolbars: [[
'fullscreen', 'source', '|', 'undo', 'redo', '|',
'bold', 'italic', 'underline', 'fontborder', 'forecolor', 'backcolor', 'fontsize', '|', 'simpleupload', 'link'
]],
serverUrl:'<?=\yii\helpers\Url::toRoute('upload')?>',
});
//預設顯示內容必須在例項化編輯器之後才能顯示
ue.ready(function() {
//預設顯示內容
ue.setContent('<p style="color:silver">文明發言,如有違反,後果將由您個人自行承擔。</p>');
//文字框獲取焦點時清空預設顯示的內容
ue.addListener("focus", function(){
ue.setContent('');
});
//文字框是去焦點時,若內容為空則顯示預設顯示的內容
ue.addListener("blur", function(){
if(!ue.getContent()){
ue.setContent('<p style="color:silver">文明發言,如有違反,後果將由您個人自行承擔。</p>');
}
});
});
</script>
相關文章
- 點選文字框實現文字框內容選中效果
- 文字框獲取焦點設定樣式
- input 文字框內容居中
- jquery註冊文字框獲取焦點清空,失去焦點賦值jQuery賦值
- javascript當文字框獲得焦點設定邊框JavaScript
- jQuery文字框獲取焦點和失去焦點jQuery
- JavaScript 文字框輸入內容同步JavaScript
- jQuery文字框輸入內容同步jQuery
- jQuery實現文字框獲取焦點jQuery
- jQuery文字框內容輸入同步功能jQuery
- 如何使用angularjs實現文字框獲取焦點AngularJS
- input文字框獲取焦點伸縮效果
- js讓文字框獲取焦點程式碼JS
- javascript文字框獲取焦點設定其樣式程式碼JavaScript
- jQuery點選文字框清除內容程式碼例項jQuery
- 獲取或者設定textarea文字域的內容
- 文字框點選清除預設文字例項程式碼
- css input文字框中的內容居中效果CSS
- JavaScript文字框獲取焦點彈出tipsJavaScript
- vue中文字框自動獲取焦點Vue
- 純css設定input文字框獲取焦點時的樣式CSS
- JQuery設定文字框和密碼框獲得焦點時樣式jQuery密碼
- 獲取網頁中的密碼和文字輸入框的內容 (轉)網頁密碼
- qt 設定QTextEdit文字框中指定內容塊的背景顏色QT
- UE富文字框RichTextBlock的內容設定不同的字型顏色BloC
- css 文字框focus獲取焦點設定樣式程式碼例項CSS
- CSS實現的文字框獲取焦點設定樣式程式碼CSS
- js多個文字框輸入內容同步效果JS
- js如何獲取文字框內被選中的字串JS字串
- vim 清空內容和替換文字
- 獲得焦點時候設定文字框的樣式
- easyui form表單提交新增額外引數,富文字框內容顯示兩次UIORM
- jquery cheerio 獲取元素文字內容,不包括後代jQuery
- 預設讓表單第一個input文字框獲取游標
- js刪除文字框輸入內容前後兩端的空格JS
- JavaScript操作下拉框動態顯示內容JavaScript
- 獲取html標籤包裹的文字內容HTML
- js控制文字內容過多時候點選展開方式顯示全部內容demoJS