最近包工头要求要在 富文本编辑器Ckeditor上显示预置提示文字。
原来都是在textarea上设置placeholder属性,设置后发现没有效果。
最后在网络中搜索发现 需要添加一个confighelper插件 把它放在ckeditor/plugins目录下 然后再配置placeholder属性即可。
具体配置方法 我在
ckeditor/config.js 文件的代码块
CKEDITOR.editorConfig = function( config ) {
};
中增加
config.extraPlugins='confighelper';
config.placeholder = '这里是输入框提示文字';
属性
这里 config.placeholder 属性也可以不在这里配置,因为不可能所有的都用一个提示, 也可以增加到使用ckeditor 的页面
具体使用方法如下:
<script type="text/javascript">
CKEDITOR.replace('<%=CKeditor1.ClientID%>', {
placeholder: '请您从:<br/>(1)学生是否进到高校培养;'
});
</script>
注:这里的<%=CKeditor1.ClientID%> 是.net的一个控件,不同语言可替换成对应的ID
另外附上 插件官方下载地址
Configuration Helper
Configuration Helper | CKEditor.com
下载完成后将 confighelper_1.10.1.zip 解压后 将文件夹confighelper 放到 ckeditor/plugins 目录下即可。
最后效果如下: