• 插件开发
  • HYEditor编辑器 按钮扩展隐藏部分标签开发例子

HYEditor编辑器是作者原创出品,为自由扩展而生。

目前该编辑器上 通过插件方式实现的功能JS有

  • 关于提示框
  • 上传图片
  • 上传视频
  • 上传音频音乐


这次通过扩展增加一个  部分隐藏 的按钮

实现首先理清过程;编辑器添加按钮-》点击按钮-》触发点击事件-》获取选中文字-》插入隐藏标签关键字+选中内容

代码如下

hide.js

//添加按钮
HY_editor_addBtn({
	name:'hide', //按钮工具栏名 
	type:'btn', //类型为 btn 按钮
	tooltip:'部分隐藏', //按钮提示文字
	iconClass:'simditor-icon-hide',//字体图标CSS
	onclick:function(_this){ //_this 是整个编辑器的类
		_this.execCommand('insertText',false,'内容需要回复可见');
	}
});

通过_this.selection 获取当前选择文件

通过_this.exeCommand 插入文本到编辑器内


内容需要回复可见

安装了官方部分隐藏插件,但是无论用HY编辑器还是百度Uediter都找不到可以使用部分隐藏的地方。请问怎么回事呢?

感谢回复。按您说的方法,成功了,但发现一点BUG:如果隐藏的内容里含有文字加图片的话,点击隐藏图标后会自动把选中内容中的图片删除并且连带文字隐藏失败。只有手动输入[hide][/hide]代码,不要用鼠标去选中,才能隐藏成功。html编辑界面隐藏无效。

另外在百度UE编辑器里输入hide保存后,提示读取本地服务器失败。