PHP对接-UEditor富文本 持续更新中

富文本选用Ueditor

1.下载

1.github地址https://github.com/fex-team/ueditor

2.下载最新版本dev-1.5.0

3.将下载好的代码，放到你的纯英文的文件夹。npm install 安装依赖（如果没有安装 grunt , 请先在全局安装 grunt）

然后在项目终端执行 grunt default 报什么错就解决什么错

这是我遇到的报错信息

D:\ap\ue>grunt default
>> Local Npm module "grunt-text-replace" not found. Is it installed?
>> Local Npm module "grunt-contrib-concat" not found. Is it installed?
>> Local Npm module "grunt-contrib-cssmin" not found. Is it installed?
>> Local Npm module "grunt-contrib-uglify" not found. Is it installed?
>> Local Npm module "grunt-contrib-copy" not found. Is it installed?
>> Local Npm module "grunt-transcoding" not found. Is it installed?
>> Local Npm module "grunt-contrib-clean" not found. Is it installed?

Running "default" task
config file update success
Warning: Task "concat" not found. Use --force to continue.

Aborted due to warnings.

解决方案 键入一行 回车一行，一行一行运行

npm install grunt-text-replace --save-dev
npm install grunt-contrib-concat --save-dev
npm install grunt-contrib-cssmin --save-dev
npm install grunt-contrib-uglify --save-dev
npm install grunt-contrib-copy --save-dev
npm install grunt-transcoding --save-dev
npm install grunt-contrib-clean --save-dev

完毕再次运行grunt default

会生成一个新的dist包。可以使用了。

百度网盘：链接：https://pan.baidu.com/s/1ud9sk18mq_BKzEuzFKMcOw?pwd=7768 提取码：7768

遇坑 ，新增自定义按钮时，不显示按钮

 //新增代码   
	UE.registerUI('imgsss', function (editor, uiName) {
		// 注册按钮执行时的command命令，使用命令默认就会带有回退操作
		editor.registerCommand(uiName, {
			execCommand: function () {
				var me = this;
				openAlbum(function (data) {

					var html = '';
					for (var i = 0; i < data.length; i++) {
						html += "<img src='" +data[i].pic_path + "' />";
					}

					me.execCommand('insertHtml', html);
				});
			}
		});
		// 创建一个button
		var btn = new UE.ui.Button({
			// 按钮的名字
			name: uiName,
			// 提示
			title: uiName,
			// 添加额外样式，指定icon图标，这里默认使用一个重复的icon
			cssRules: 'background-position: -380px 0;',
			// 点击时执行的命令
			onclick: function () {
				// 这里可以不用执行命令,做你自己的操作也可
				editor.execCommand(uiName);
			}
		});
		// 因为你是添加button,所以需要返回这个button
		return btn;
	});

 


     //新增代码END
    

咋回事

ueditor.config.js文件

  'imgsss',	菜单栏也要写一下