yii框架下bootstrap的配置（ckeditor）

最新推荐文章于 2024-06-24 09:49:04 发布
原创 最新推荐文章于 2024-06-24 09:49:04 发布 · 809 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Yii

本文详细介绍了在Yii框架中配置Bootstrap的过程，特别是针对ckeditor的安装和配置进行了详细的说明，并分享了一些容易忽视的细节。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  实习俩周了，上周最纠结的一个问题解决了，记录下bootstrap在yii框架下整个配置过程及一些容易忽略的细节，一边以后查看


本人要用到的是bootstrap的下的ckeditor~~所以先下载bootstrap~~~

主要修改config文件下的main.php

如下图，是本人在使用过程中必须要修改的部分截图~

最后将ckeditor以form表单的形式提交数据到数据库就ok了~~

Yii2 使用ckeditor编辑器简记
it_male的博客
11-15 1040
ckeditor版本：CKEditor 4 Yii2使用ckeditor可以添加widget，参考https://www.yiiframework.com/extension/yii2-ckeditor-widget 我这里使用的是直接将ckeditor放在项目中，然后在view中添加编辑器的方式。如下： <script type="text/javascript" src="cke...
ckeditor 最新版本，含全部插件
11-07
ckeditor 4.x 最新版本，含全部插件，支持字体，颜色，图片上传。
Layoutit3.0最新版本 bootStrap3在线编辑器源码(最新可用）及ckeditor
04-01
Layoutit3.0最新版本 bootStrap3在线编辑器源码，附ckeditor源代码。
bootstrap 大小 表格_富文本编辑器CKEditor 4.14.1 发布，优化编辑器和表格大小
weixin_39668898的博客
12-14 273
CKEditor 4.14.1 已发布，这是一个小版本更新，主要是针对编辑器和表格大小调整以及在 CORS 上下文中使用 Emoji 插件时的一些优化和修复。此外还修复了底部工具栏位置的部分错误。最后，CKEditor 4 的导出为 PDF 功能(Export to PDF)已可以使用，集成 Vue.js 功能也已正式稳定。编辑器和表格大小调整的改进调整编辑器及其内容元素的大小至关重要。...
Bootstrap引入、日期插件引入、ckeditor编辑器引入
qq_34721292的博客
04-20 748
<!-- Bootstrap引入 --> <link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="${pageContext.request.contextPath}/bootstrap/css/bootstr...
ckeditor在bootstrap中modal中弹框无法输入问题，网上千篇一律的有出报错的解决办法，来看看完整答案吧
北派三叔聊技术
05-14 456
引入ckeditor的代码后执行以下代码，不会出现其他传的那个有问题的答案，麻烦你们抄别人作业的时候也要认真一点啊！ $.fn.modal.Constructor.prototype.enforceFocus = function () { var $modalElement = this.$element; $(document).on('focusin.modal', function (e) { var $parent = $(e.target.parentNode
bootstrap的模态弹窗 和CKEditor的模态弹窗冲突问题解决
Brady74的博客
12-27 2715
哪个页面有问题就在哪个页面加上如下js代码： $.fn.modal.Constructor.prototype.enforceFocus = function () {      modal_this = this               $(document).on('focusin.modal', function (e) {   if (modal_this.$element[0
Yii框架引用插件和ckeditor中body与P标签去除的方法
10-20
插件的引入，通常需要在Yii框架的特定路径下放置插件文件，并通过PHP代码进行实例化和配置。 在本文中，提到的Yii框架引用插件的方法包括： 1. 将插件源码放置于项目的特定目录下，如`project/ckeditor/*`，并且在...
YiiFrame 是一个基于Yii2+Bootstrap的快速后台开发框架
07-23
YiiFrame 是一个基于Yii2框架和Bootstrap前端库的高效后台开发框架，专为简化Web系统的构建而设计。Yii2是一个高性能、组件化的PHP框架，它提供了丰富的特性，如MVC（模型-视图-控制器）架构模式、主动记录（Active ...
html上传图片修改,bootstrap-wysihtml5 ckeditor 修改富文本编辑器可以上传图片
weixin_42510792的博客
06-08 237
bootstrap-wysihtml5实际使用内核为ckeditor 故这里修改ckeditor即可1、找到ckeditor文件夹内image.js并打开 路径为ckeditor\plugins\image\dialogs\image.js在image.js内搜索.config.image_previewText将看到将其英文删除 修改后效果如下2、在image.js内搜索i...
Yii结合CKEditor实现图片上传功能
12-18
这几天做的一个项目中需要在所见即所得编辑器中实现图片上传的功能，我因为比较喜欢CKEditor的界面而选择了它。虽然有跟CKEditor配合良好的CKFinder，不过这个东东的功能太复杂，简单看了下CKEdtior的文档，发现这个功能还是可以自己实现而不用借助CKFinder的。 下面代码虽然基于Yii Framework的，但是用其他框架或者语言思路却是完全一样的，有需要的童鞋可以参考一下。 首先要让CkEditor出现图片上传的功能，需要配置编辑器的filebrowserImageUploadUrl属性：复制代码 代码如下:CKEDITOR.replace( ‘editor1’,   
yii2自带的编辑器中添加本地图片上传功能
08-26
yii2 自带的编辑器中 没有直接添加本地图片上传的功能，需要自己添加，所以需要修改一些vendor下的文件，进行修改
CKEditor for Yii 2：打造高效Web内容编辑体验
最新发布
gitblog_00026的博客
06-24 455
CKEditor for Yii 2：打造高效Web内容编辑体验 在数字化时代，内容管理成为网站与应用开发不可或缺的一环，而一款高效、灵活的富文本编辑器更是提升生产力的关键工具。今天，我们来探索一个特别的开源宝藏——CKEditor for Yii 2，它不仅继承了CKEditor的强大功能，还无缝融入了Yii框架的优雅之中。 项目介绍 CKEditor for Yii 2是一款专为Yii 2框架...
4款Bootstrap在线富文本编辑器
热门推荐
Dean_kai的博客
03-23 4万+
Bootstrap 已经大大简化响应式 web 开发，但是，如果再加上不用手动一点点敲代码，而是可以快速选择你想要使用的 Bootstrap 组件，然后直接将其拖进你的画板中，开发是否会变得更加轻松？！ 这便是所谓的所见即所得（What you see is what you get，WYSIWYG）开发模式，能帮你达成这一切的，便是“所见即所得编辑器”。 所见即所得编辑器通常分为以下
Yii引用CKeditor编辑器
09-09 5373
下载插件： 在官网已无法下载了，忘记在哪下载的了，下面是我在快盘的分享链接。 http://www.kuaipan.cn/file/id_17143507990890841.html 另外，在boylee的yiiblog视频系列里有详细的解绍。且放置了一个115的链接。 http://yiiblog.info/blog/yii-go/ CKediter - htt
推荐：Yii2专用的CKEditor小部件
gitblog_00046的博客
06-07 427
推荐：Yii2专用的CKEditor小部件 CKEditor Widget for Yii2是一个强大的文本编辑器组件，专门为Yii2框架打造。它将流行的内容编辑器CKEditor与Yii2的灵活性和易用性完美融合，使得创建富文本内容变得简单而直观。 项目介绍 这个开源项目提供了两种类型的编辑器：经典模式的CKEditor和内联编辑模式的CKEditorInline。无论您是在构建表单还是需要在网...
yii 整合 ckeditor,ckfinder
千点距
02-25 1578
//目錄配置 path\to\webapp\protected\extensions\ckeditor\CKEditorWidget.php path\to\webapp\protected\extensions\ckeditor\views\CKEditorView.php path\to\webapp\ckeditor\... path\to\webapp\ckfinder\...//CKEd
Yii中ckediter进一步配置
Feebas
11-25 1359
废话篇：由于本人没有安装录制桌面视频的软件，所以只能采用这种doc文档的方式。 Boylee呢已给大家在视频中讲了ckeditor的使用，非常感谢boylee 我连夜从yiiblog下载玩视频通宵看完。收获颇多。也是自己以后对自己复习ckeditor的使用有个文档依据写这个教程好了废话不多说了进入 正题。   关于ckeditor 的工具栏是可以实现定制的。Yii 的扩展extension中的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值