ckeditor4 设置placeholder文字提示

最近包工头要求要在 富文本编辑器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 目录下即可。

最后效果如下:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值