【TP5.1】引入百度ueditor富文本编辑器

最新推荐文章于 2022-04-17 18:27:30 发布
最新推荐文章于 2022-04-17 18:27:30 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： thinkPHP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fangkang7/article/details/103843310
版权

下载ueditor

这个直接在git上拉取，网站下载速度太慢
https://github.com/fex-team/ueditor

安装依赖

npm install 安装依赖（如果没有安装 grunt , 请先在全局安装 grunt）

在终端执行 grunt default

在这里插入图片描述

会在目录生成一个dist

使用这个就可以
在这里插入图片描述

TP5.1配置

在这里插入图片描述

把刚刚生成的dist/utf-8下的所有内容都放在public下的ueditor

在这里插入图片描述

然后在需要编辑器的地方引入俩个js即可

在这里插入图片描述

展现效果

在这里插入图片描述

对富文本进行配置

里边你需要的配置
在这里插入图片描述

在这里插入图片描述

咔咔-
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
thinkphp5中引入ueditor
duo1207的博客
11-04 501
1、将ueditor插件放入public文件夹 2、在application的config文件中配置     // 视图输出字符串内容替换     'view_replace_str'       => [         '__UEDITOR__'=>'/ueditor'     ], 3、在需要显示编辑框的地方插入：  <script type="text/plain" i...
最新版thinkphp整合最新kindeditor编辑器
12-06
Thinkphp编辑器扩展将让你轻松实现文件图片上传以及颜色选择器等。并且你能很方便的制定上传权限，不会给网站遗留漏洞。 此编辑器扩展内集成的是kindeditor。以前配置编辑器都是用js配置， 用这个扩展，直接定义对象属性即可，并且内置一些快速配置方法。只要实例化editor类 就可直接用 $editor->editor('#id',true)精简模式 ；$editor->editor('#id')默认样式
php中加插件ueditor,在tp5.1中使用百度富文本（ueditor），在富文本中通过tp插件给图片添加水印...
weixin_42316073的博客
04-06 275
百度富文本：我们可以去官网下载，引入两个js文件，jq也需要引入。这里需要注意修改serverUrl的参数值：值为自己定义的上传文件类需要使用的页面中添加：varurl='/ueditor1/index';varue=UE.getEditor('container',{initialFrameHeight:360,serverUrl:url,});这样他就会去请求，我们自己定义的类文件。...
TP5.1 百度编辑器UEditor引入使用及具体使用方法
学习笔记
12-04 744
下载的是[1.4.3.3 PHP 版本] UTF-8版 1 引入 ueditor.config.js ueditor.all.min.js /lang/zh-cn/zh-cn.js 2 编辑器显示处 id=“content” 列如: 3 底部 设置详情 关于设置 ueditor.config.js 这个里面有帮助说明 UE.getEditor(‘content’,{initialFrameW...
TP5.1 +LayuiAdmin 富文本使用教程
qq_45450789的博客
04-17 897
挠头了一下午，终于解决了 layui富文本的图片问题！ 第一个方面 视图模板body 里面这么写： <form class="layui-form" id="form_1" action=""> <div class="layui-form-item layui-form-text"> <textarea class="layui-textarea" placeholder="请输内容" name="content".
第五季 thinkphp5整合百度编辑器等
09-10
第五季 thinkphp5整合百度编辑器等第五季
vue集成百度UEditor富文本编辑器使用教程
10-17
主要为大家详细介绍了vue集成百度UEditor富文本编辑器的使用教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
百度ueditor富文本编辑器
10-24
百度UEditor是一款广泛应用于网页和后台系统的开源富文本编辑器，它为用户提供了一个功能强大、易于使用的在线文本编辑界面。这个编辑器支持多种格式的文本输入，包括图片、表格、链接、代码高亮等，极大地提升了...
vue2.x集成百度UEditor富文本编辑器的方法
10-17
在Vue2.x项目中集成百度UEditor富文本编辑器，主要涉及以下几个步骤和知识点： 1. **下载与放置UEditor源码**： 首先，你需要从官方渠道下载UEditor的源代码，并将其放入项目的`static`文件夹中。这确保了编辑器的...
PHP如何搭建百度Ueditor富文本编辑器
10-17
主要为大家详细介绍了PHP搭建百度Ueditor富文本编辑器的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
百度Ueditor在线富文本编辑器
04-16
**百度Ueditor在线富文本编辑器** 百度Ueditor是一款由百度公司开发的开源、免费的在线富文本编辑器，主要用于Web应用中提供便捷的文本编辑功能。它以其强大的功能、良好的用户体验以及易于集成的特点，被广泛应用...
grunt教程-安装grunt
一名普通码农的菜地
08-01 3996
首页 » 博客 » Airen的博客 Grunt教程——安装Grunt 作者：大漠 日期：2013-11-04 点击：546  在上一节《Grunt教程——初涉Grunt》一文中介绍了Grunt是什么，今天我们主要一起来学习和探讨Grunt如何安装。俗话说，巧妇难为无米之炊，要想正常的使用Grunt，首要条件你要在自己的电脑环境中具备运行Grunt的环境。
tp5 集成 layui富文本编辑器
dianqiangjin0204的博客
03-10 356
编辑器地址：http://www.layui.com/doc/modules/layedit.html 一睹芳容 1 去官网：http://www.layui.com/ 下载layui ├─css //css目录 │ └─modules //模块css目录（一般如果模块相对较大，我们会单独提取） │ ├─laydate ...
工具_tp5 使用百度富文本编辑器，百度富文本编辑器下载，富文本编辑器乱码解决
小歪博客
03-31 566
首先下载相匹配的下载PHP版本utf版富文本编辑器 链接: https://pan.baidu.com/s/1M4XuZgii9ffzmawQWUvotw 提取码: bgtu 官方网文档说明 http://fex.baidu.com/ueditor/#dev-bale_width_grunt 把它放到public/static的目录下。 tp5使用百度富文本编辑器 2.我们在视图view上,要用到富文本编辑器的时候，一般都是在表单加入textarea, <textarea name="journa
tp5使用UEditor富文本编辑器
日近长an远的博客
10-07 3663
tp5使用UEditor富文本编辑器 一.首先到UEditor官网下载，选择php版本。 二.下载完成，解压 并重命名为 ueditor 到 public\static 下面。 三.使用 1.创建html页面 &lt;form action="{:url('test/ueditor')}" method="post"&gt; &lt;!-- 加载编辑器的容器 --&gt...
tp5.1----ueditor富文本
weixin_47830577的博客
07-30 198
富文本就是一种可编辑的文档，类似于word(一般用于在网站后端的界面中) 下载一个资源：富文本编辑器ueditor 啥是“富文本”编辑器？就是比单纯的textarea“富” 添加了富文本编辑器之后，输入框可以功能更丰富一些 http://ueditor.baidu.com/website/ 这是百度出品的富文本编辑器 将下载好的资源放到 项目的入口文件public中的 可以改个名字ueditor 在代码中通过script引入路径 启用富文本编辑器 这里是个固定命令 UE大写 后面是getEditor
thinkPHP中引入富文本编辑器。
MyHeaven7的博客
06-11 443
thinkPHP中引入富文本编辑器。 这里使用的是百度ueditor，点击下载 下载后 我将文件夹更名为ueditor，放到了public/static/lib 下 所以，在html界面引入的时候。需要 <script src="/static/lib/ueditor/ueditor.config.js"></script> <script src="/static/lib/ueditor/ueditor.all.js"></script> &
tp5引入ueditor(百度的富文本编辑器)的使用
weixin_30782293的博客
08-23 306
首先下载ueditor编辑器的文件放入tp5的static目录下 第二步，引入Ueditor编辑器 在用到的页面（视图页面）载入ueditor的js文件 然后初始化ueditor，实例代码如下： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> ...
thinkphp5 + layui+ueditor富文本编辑器
weixin_37706042的博客
05-24 424
1. 准备工作 1. 安装node和npm curl --silent --location https://rpm.nodesource.com/setup_10.x | bash - yum install -y nodejs npm install -g cnpm --registry=https://registry.npm.taobao.org npm install npm run buildnpm -v 　　 2. 安装ueditor #进入项目public目录下...
百度ueditor富文本编辑器如何使用
最新发布
07-09
百度UEditor是一个功能强大的富文本编辑器，使用它可以方便地在网页上进行富文本编辑。下面是使用百度UEditor的一般步骤： 1. 下载UEditor：访问百度UEditor的官方网站（http://ueditor.baidu.com/website/），下载...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

咔咔-

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值