微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 后端开发 > php教程 > 正文

编辑器选中加粗的代码是什么

php中文网
发布： 2016-10-23 00:12:48
原创
2208人浏览过

以下代码是在编辑器中通过点击h2按钮，弹窗输入信息输出这个结果：[h2]弹窗输入的内容[/h2]

Tana
Tana

“节点式”AI智能笔记工具，支持超级标签。

Tana 80
查看详情 Tana 
<code>(function () {
    function Wecenterh2Dialog(editor) {
 
        return {
            title: 'H2',
            minWidth: 470,
            minHeight: 110,
            buttons: [
                CKEDITOR.dialog.okButton,
                CKEDITOR.dialog.cancelButton
            ],
            contents:
            [
                {
                    elements:
                    [
                        {
                            id: 'text',
                            type: 'text',
                            required: true,
                            commit: function () {
                                if (this.getValue()) {
                                    editor.insertHtml('[h2]' + this.getValue()  + '[/h2]');
                                    //editor.insertText( '!![输入内容](' + this.getValue() + ')' );
                                }
                            }
                        },
                        {
                            type: 'html',
                            html : '<p style="font-size:14px;color:#999;">我们目前支持: h2 !</p>'
                        }
                    ]
                }
            ],
            onLoad: function () {
                //alert('onLoad');
            },
            onShow: function () {
                //alert('onShow');
            },
            onHide: function () {
                //alert('onHide');
            },
            onOk: function () {
                this.commitContent();
            },
            onCancel: function () {
                //alert('onCancel');
            },
            resizable: false
        };
    }
 
    CKEDITOR.dialog.add('Wecenterh2', function (editor) {
        return Wecenterh2Dialog(editor);
    });
})();</code>
登录后复制

现在我不想让他通过弹窗的方式输入，怎么修改可以通过编辑器中【B】也就是加粗的方式直接，选中文章中某些内容（比如选中文章中的：弹窗输入的内容，然后按下编辑器的H2）后直接输出：[h2]弹窗输入的内容[/h2]

回复内容：

以下代码是在编辑器中通过点击h2按钮，弹窗输入信息输出这个结果：[h2]弹窗输入的内容[/h2]

<code>(function () {
    function Wecenterh2Dialog(editor) {
 
        return {
            title: 'H2',
            minWidth: 470,
            minHeight: 110,
            buttons: [
                CKEDITOR.dialog.okButton,
                CKEDITOR.dialog.cancelButton
            ],
            contents:
            [
                {
                    elements:
                    [
                        {
                            id: 'text',
                            type: 'text',
                            required: true,
                            commit: function () {
                                if (this.getValue()) {
                                    editor.insertHtml('[h2]' + this.getValue()  + '[/h2]');
                                    //editor.insertText( '!![输入内容](' + this.getValue() + ')' );
                                }
                            }
                        },
                        {
                            type: 'html',
                            html : '<p style="font-size:14px;color:#999;">我们目前支持: h2 !</p>'
                        }
                    ]
                }
            ],
            onLoad: function () {
                //alert('onLoad');
            },
            onShow: function () {
                //alert('onShow');
            },
            onHide: function () {
                //alert('onHide');
            },
            onOk: function () {
                this.commitContent();
            },
            onCancel: function () {
                //alert('onCancel');
            },
            resizable: false
        };
    }
 
    CKEDITOR.dialog.add('Wecenterh2', function (editor) {
        return Wecenterh2Dialog(editor);
    });
})();</code>
登录后复制

现在我不想让他通过弹窗的方式输入，怎么修改可以通过编辑器中【B】也就是加粗的方式直接，选中文章中某些内容（比如选中文章中的：弹窗输入的内容，然后按下编辑器的H2）后直接输出：[h2]弹窗输入的内容[/h2]

相关标签：
php jquery css java

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：thinkphp3.2 下一篇：关于sprintf截取小数问题
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
在Laravel表单请求中同时返回多语言验证错误 本文详细阐述了如何在Laravel的表单请求中，针对验证失败的字段同时返回多种语言的错误信息。通过重写FormRequest的messages()方法，并巧妙利用Laravel的翻译系统及占位符替换机制，我们能够为每个验证规则定义多语言错误消息，进而通过自定义failedValidation方法构建符合特定需求的多语言错误响应结构，从而克服默认单语言验证的限制。
2025-11-23 10:00:14
353
PHP怎么跳转至移动端页面_PHP根据设备跳转至移动端页面的方法 首先通过UserAgent检测移动设备并跳转至移动端页面，具体可使用PHP正则匹配$_SERVER[‘HTTP_USER_AGENT’]中的iphone、android等标识，若匹配则用header()重定向；也可引入Mobile_Detect类库调用isMobile()方法精准判断；还可结合JavaScript传递屏幕宽度，PHP根据width参数是否小于768px决定跳转；为避免重复跳转，应设置view_modeCookie记录用户偏好，存在desktop值时不再跳转。
2025-11-23 09:54:06
649
WordPress WP_Query 高级用法：实现多分类法“与”关系查询 本文深入探讨如何在WordPress中使用WP_Query实现对多个自定义分类法（Taxonomy）的“与”（AND）关系查询，即查找同时属于指定多个分类法的所有文章。文章将详细解析tax_query参数的relation属性，提供功能函数和代码示例，帮助开发者精确筛选和计数符合复杂分类条件的文章，并给出实用的注意事项。
2025-11-23 09:15:02
320
PHP怎么跳转回上一页_PHP跳转回上一页的实现方式与代码 使用JavaScript的history.back()可高效实现客户端回退；2.通过$_SERVER[‘HTTP_REFERER’]获取来源页并用header()跳转；3.利用meta标签在无JS环境下刷新跳转；4.借助Session存储前一页URL实现精准返回。
2025-11-23 09:08:33
1001
php商城怎么用_PHP商城系统搭建与功能实现方法 搭建PHP在线商城需先配置环境，再设计数据库表结构，接着实现用户注册登录、商品展示搜索、购物车与订单处理功能，确保安全与性能。
2025-11-23 09:05:21
515
CodeIgniter日期范围查询：理解与解决日期格式问题 本文旨在解决CodeIgniter模型中进行日期范围查询时因日期格式不匹配导致的查询结果不准确问题。核心在于MySQL数据库对日期格式的严格要求（YYYY-MM-DD），而非常见的MM-DD-YYYY。我们将通过修正日期格式化方法，确保查询条件与数据库期望格式一致，从而实现精确的日期数据筛选。
2025-11-23 08:24:21
789
从Laravel向Vue组件安全高效传递用户数据教程 本教程旨在解决Laravel后端与Vue前端集成时，常见的数据传递和组件通信问题。我们将深入探讨如何正确地将用户数据从Laravel控制器传递到Vue组件，并处理在开发过程中可能遇到的Vue属性定义警告、数据结构不匹配导致的运行时错误。通过实例代码和最佳实践，帮助开发者构建健壮的前后端数据交互。
2025-11-23 08:15:27
800
WordPress开发：安全地输出动态生成的HTML内容 本教程旨在解决WordPress中动态生成HTML时常见的安全转义问题。我们将探讨为何将HTML字符串存储在变量中直接输出可能导致安全漏洞，并详细解释WordPress插件审查团队强调的“在输出时进行转义”原则。通过对比错误与正确的代码示例，我们将展示如何利用printf等函数，结合上下文转义方法，确保所有动态内容在输出前得到妥善处理，从而构建更安全、符合WordPress规范的插件。
2025-11-23 08:15:12
542
Yii框架怎么配置数据库_Yii框架数据库配置连接及操作详细步骤 首先配置数据库连接，再通过ActiveRecord或QueryBuilder实现增删改查。在config/web.php中设置‘db’组件的DSN、用户名、密码和字符集，确保PDO扩展启用；用Gii生成继承ActiveRecord的模型类；通过find()、save()、delete()等方法操作数据；支持原生SQL与参数绑定防止注入；可配置多个数据库连接并在模型中指定使用。
2025-11-23 08:13:02
478
PHP中高效实现多条件$_POST变量验证的教程 本教程旨在解决PHP开发中常见的多条件$_POST变量验证问题。针对在foreach循环中实现类似&&逻辑的验证需求，我们将介绍一种高效且简洁的“早期退出”模式。这种模式通过遍历所需验证的变量列表，一旦发现任何一个变量不符合条件（例如为空），即刻返回false，从而避免不必要的后续检查，显著提升代码的执行效率和可读性。
2025-11-23 08:00:33
160
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部