百度Ueditor编辑器,知名的第三方编辑器

puyuetian 乐天 关注 九级站长 创始人
发表于模板应用版块 插件,免费,免费插件

10个豆豆,基本免费送了,再构建HadSky3最初时打算用Ueditor作为默认编辑器,所以做了这个应用,但是做完之后就有问题了,这玩意太大了,压缩后都需要2.6M的空间,不符合轻论坛,再加上下载若扣除天豆或积分什么的又要去嵌入代码实现就麻烦了,所以放弃了用这个作为默认编辑器的想法,自己写了个puyuetianEditor,不过Ueditor功能确实强大(可惜兼容性不咋地),安装后可以上传视频、文件和图片,也可以在线管理用户已上传文件,而且文本在线编辑也很强大,有兴趣的同学可以下载下来试一下,说明一下,安装了这个,默认的编辑器就要关闭,不然会出现无法预知的bug。


功能说明:

1.在线文件显示数:控制用户已上传的文件显示数量(不宜过大,这个是遍历读取文件列表显示的)

2.发帖样式:发布文章时显示的功能菜单,可以自定义设置

try { var ue = UE.getEditor('container', { toolbars: [ [ 'fullscreen', 'source', '|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|', 'rowspacingtop', 'rowspacingbottom', 'lineheight', '|', 'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|', 'directionalityltr', 'directionalityrtl', 'indent', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|', 'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|', 'simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'insertcode', 'pagebreak', 'template', 'background', '|', 'horizontal', 'date', 'time', 'spechars', 'wordimage', '|', 'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|', 'preview', 'searchreplace', 'drafts' ] ], autoFloatEnabled: false }); $('#container').removeClass('pk-textarea pk-radius-4'); } catch (e) {}

3.回帖样式:回复文章时显示的功能菜单,可以自定义设置

try { var ue = UE.getEditor('container', { toolbars: [ [ 'source', 'undo', 'redo', 'bold', 'italic', 'underline', 'blockquote', 'pasteplain', 'forecolor', 'backcolor', 'emotion', 'scrawl', 'map' ] ], autoFloatEnabled: false }); $('#container').removeClass('pk-textarea pk-radius-4'); } catch (e) {}

默认编辑器和百度编辑器共存方法:

在全局——嵌入——模板加载后嵌入键入

<script>
	$(function(){
		if($_GET('c')=='read'||$_GET('c')=='edit'){
                  setTimeout(function(){
			$("#PytToolbar").append('<span id="PytUeditorBtn" class="fa fa-paw" title="切换至Ueditor编辑器" onclick="pkalert(\'切换至Ueditor编辑器将会清空当前内容,确认继续?\',\'提示\',\'js:location.href+=\\\'&pyteditorload=no\\\'\')" style="display: inline-block;"></span> ');
		},2000);
                 }
	});
</script>

Ueditor应用设置,发帖样式

try {
if($_GET('pyteditorload'=='no')){
    var ue = UE.getEditor('container', {
				toolbars: [
					[
						'fullscreen', 'source', '|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|', 'rowspacingtop', 'rowspacingbottom', 'lineheight', '|', 'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|', 'directionalityltr', 'directionalityrtl', 'indent', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|', 'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|', 'simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'insertcode', 'pagebreak', 'template', 'background', '|', 'horizontal', 'date', 'time', 'spechars', 'wordimage', '|', 'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|', 'preview', 'searchreplace', 'drafts'
					]
				],
				autoFloatEnabled: false
			});
    $('#container').removeClass('pk-textarea pk-radius-4');
}
} catch (e) {}

回帖样式

try {
if($_GET('pyteditorload'=='no')){
			var ue = UE.getEditor('container', {
				toolbars: [
					[
						'source', 'undo', 'redo', 'bold', 'italic', 'underline', 'blockquote', 'pasteplain', 'forecolor', 'backcolor', 'emotion', 'scrawl', 'map'
					]
				],
				autoFloatEnabled: false
			});
    $('#container').removeClass('pk-textarea pk-radius-4');
}
} catch (e) {}

修改后即可让Ueditor和默认的编辑器共存和切换



HadSky 3.x 百度Ueditor编辑器

评论列表 评论
夜寒 红尘吧 八级站长 VIP 12#
这个编辑器很多小功能打开就自动关闭了

江苏,南京

共0条回复,点击查看回复
Ranger Ranger 四级站长 SVIP 13#
确实问题太多…… 当前也共存不了,从PYT能切换到这个百度的,但切不回去系统的…… 所以插件嵌入方案不健全,还是再斟酌吧!


不过吐槽下系统的,产生的垃圾代码太多啦…… 如果能只用<br> <image>及<hr>等非前后式的标签就好啦!

共0条回复,点击查看回复
topvip T丶一锅锅 五级站长 VIP 14#
看来这个还真不适合我们这种小白

福建,三明

共0条回复,点击查看回复
g2021 g2021 一级站长 普通 15#
emotion换了编辑器附件下载收费就用不了
共0条回复,点击查看回复
发布评论

评论: 百度Ueditor编辑器,知名的第三方编辑器

应用名称 百度Ueditor编辑器
应用目录 HS根目录/app/baidu_ueditor
应用版本 1.0.0
应用类型 插件
应用售价 10天豆 / 1元
更新时间 2016-07-03
适用版本 3.x及以上版本
免费使用
专属特权
演示地址 http://hs.27ui.net/index.php?tn=baidu_ueditor
在线下载 HS7.0.14及以上版本在线购买/下载
郑重提示 该页面最下面的下载地址为HS6.x版本,HS6.x系列版本且不与HS7.x互通,如果你是2019-04-04之后使用的HS,请点击上方的“HS7.x及以上版本在线购买/下载”进行购买/下载。
已有0次打赏
(7) 分享
分享

请保存二维码或复制链接进行分享

取消