wangEditor-3.1.1 自己扩展的，增加代码块行号

最新推荐文章于 2025-10-09 08:44:10 发布
原创 最新推荐文章于 2025-10-09 08:44:10 发布 · 1.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#wangEditor #行号

本文介绍如何为wangEditor-3.1.1版本的富文本编辑器增加代码块行号显示功能，通过自定义扩展实现代码高亮及行号显示，提升代码编辑体验。
wangEditor-3.1.1 后台文本编辑器（含上传图片）
hechenhongbo的博客
06-03 1886
换了框架以后，百度编辑器用不了了，不支持PHP文件在静态文件夹中执行，查找了各种编辑器，最后决定用wangEditor-3.1.1，这个编辑器，好处就是可以自定义上传图片的控制器路径和上传的文件夹，下面是步骤： 1.HTML内容 <div class="form-group"> <label class="col-sm-3 ...
highlight增加行号
二进制的博客
10-15 3981
highlight没有行号支持，发现一个插件完美解决这个问题 https://github.com/wcoder/highlightjs-line-numbers.js/ 经过修改CSS，效果很赞呀！（来着前端大佬的指导，终于实现了我想要的样式 :） 整个样式： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;link hre...
wangEditor-3.1.1
05-24
wangEditor-3.1.1下载解压后引用release文件夹里的wangEditor.min.js或wangEditor.js到页面
对wangeditor进行扩展---- 源代码
boophan的博客
09-09 1567
我对WangEditor进行的扩展的源代码，包括：数学公式、上标、下标、图片、自定义表情、表格、格式、特殊字符、文本折叠、窗口最大化、查看html源代码，等等。
wangEditor 5插件开发指南：从零构建自定义代码块高亮模块
最新发布
gitblog_00059的博客
10-09 334
在现代Web应用开发中，富文本编辑器扮演着至关重要的角色。wangEditor作为一款轻量级、可扩展的富文本编辑器，为开发者提供了丰富的功能和灵活的定制能力。本文将详细介绍如何为wangEditor 5开发自定义代码块高亮模块，帮助开发者更好地满足特定的业务需求。 ## 开发环境准备 在开始开发之前，确保你已经搭建好了基本的开发环境。首先，需要克隆项目仓库，项目的地址是 https://git...
wangEditor:laravel-admin的wangEditor扩展
05-01
wangEditor extension for laravel-admin 这是一个laravel-admin扩展，用来将wangEditor集成进laravel-admin的表单中 laravel-admin extension 1.x 1.x 2.x 2.x 截图 安装 // laravel-admin 1.x composer require "laravel-admin-ext/wang-editor:1.*" // laravel-admin 2.x composer require laravel-admin-ext/wang-editor 然后 php artisan vendor:publish --tag=laravel-admin-wangEditor 配置 在config/admin.php文件的extensions，加上属于这个扩展的一些配置 &#39;exten
wangEditor自定义扩展菜单-多次缩进（Vue2）
weixin_45516130的博客
12-18 1629
基于vue2扩展wangeditor的多次缩进菜单
【Word办公效率提升】：Word代码块插入与行号自动生成的全方位指南
[【Word办公效率提升】：Word代码块插入与行号自动生成的全方位指南](https://i0.wp.com/css-tricks.com/wp-content/uploads/2020/12/528-cdBI.png?resize=900%2C500&ssl=1) # 摘要 本文对Word办公软件在日常使用中...
OGC-WMTS规范扩展指南：自定义服务以满足特殊需求
![OGC-WMTS规范扩展指南：自定义服务以满足特殊需求]...本文概述了OGC-WMTS的核心概念，并深入探讨了其理论基础，包括服务架构、组件功能、请求响应模型以及服务能力的扩展性。通过分析现有扩展机制和策略，本文还提出
【C_C++开发必备技能】：TDM-GCC环境下的代码库管理艺术
[【C_C++开发必备技能】：TDM-GCC环境下的代码库管理艺术](https://res.cloudinary.com/built-with-django/image/upload/v1651024342/blog-images/new_repo_github_instructions_20220426204620_cscxm4.png) ...
【CASIO fx-991CN X错误代码速查手册】：5分钟内快速解决故障
![【CASIO fx-991CN X错误代码速查手册】：5分钟内快速解决故障]...通过对计算器的错误代码进行深入分析，读者能够有效地识别和处理各种错误，从而确保计算器的稳定运行。同时，文章还提供了详细的清
wangEditorExt:wangEditorExt，为wangEditor增加全屏编辑，查看源码功能
03-23
wangEditorExt wangEditorExt，为wangEditor增加全屏编辑，查看源码功能 /** * wangEditor扩展,增加全屏 查看源码功能 * 传入均为 editor实例,非css选择器 * 依赖jquery 如果是layui之类的需要在layui.use方法中使用 * 全屏功能需要引入 wangEditor-fullscreen.css * @author mrzhou@miw.cn * @date 2018.8.30 am 10:00 * 2018.9.18 pm 16:00 增加同页多编辑器支持 * 使用方法: * E.fullscreen.init(editor); * E.viewSource.init(editor); */ 附上一个测试样例 <!DOCTYPE html> <html lang="zh-CN">
wangEditor-editor-code:wangEditor富文本编辑器源代码编辑插件
03-23
wangEditor-editor-code wangEditor富文本编辑器源代码编辑插件 使用：约会即可 [removed] </ script> ！！！好，搞定
让编辑器默认显示行号
luyuncsd123的专栏
01-15 1213
U的脚本编辑器默认是不显示行号的,每次打开都要勾选,很麻烦,刚刚发现一个办法可以修改编辑器的设置,首先找到编辑器的配置文件,比如:我的配置文件路径 D:\Unity\Editor\Data\Tools\UniSciTE\SciTEGlobal.properties 找到之后用文本编辑器打开它,让后在里面随便哪一行加上这句 line.margin.visible=1 保存一下再重新打开编辑器
Vue搭配富文本WangEditor3.1.1实现直传图片到OSS
weixin_34232363的博客
09-28 908
感谢 首先要感谢网上一些大佬分享的部分代码给我的工作提供了一些参考，让我能够把有效的代码整合到一起，实现想要的功能，在这里与大家分享！感谢！ 功能截图 富文本添加图片保存到OSS也是这几天项目中刚刚遇到的，前期没怎么想下决心搞一搞，说实话呢也是不会搞，今天呢终于是一点一点的给整了出来，在这里呢与大家分享一下，网上可能有一些Vue整合Wa...
重构wangEditor（web富文本编辑器），欢迎指正！
weixin_30566063的博客
12-22 301
提示：最新版wangEditor请参见：wangEditor.github.io或者https://github.com/wangfupeng1988/wangEditor 1. 前言 （下载源码、使用说明、demo，请参见：https://github.com/wangfupeng1988/wangEditor） 前段时间做过一个基于bootstrap的富文本编辑器...
wangEditor3 - v3.1.1版本 环境搭建-本地图片、本地视频上传功能实现
qq_37592561的博客
11-18 1002
前文介绍 - 纲要 写这篇文章主要是因为最近项目所需，涉及到使用富文本编辑器生成HTML文本，同时实现PC的解析HTML文本的编辑功能及微信小程序端的HTML的富文本解析，然后看到荼蘼2018 的博客说wangEditor很不错，介于百度的UEditor已经停止维护多年，且比较臃肿、麻烦，就直接上手了wangEditor。 荼蘼2018：几种知名开源富文本编辑器记录和对比（仅供参考） https...
博客网页代码块渲染-显示行号，一键复制，全屏显示，mac风格（基于mavon-editor或wangEditor）
醉瑾_的博客
04-29 2958
效果预览 亮点：mac风格代码块，一键复制，全屏浏览，点击按住文字空白区域可左右滑动（感觉有待优化），双击关闭全屏浏览。。。。。。 样式可自行优化 前提条件（待渲染的代码块格式） <pre> <code > print("hello world") print("我是醉瑾”) </code> </pre> code为pre的直接子元素，code除了代码文本无直接子元素。pre元素不需要任何类名，实际上wangEditor的编辑器输出中代码块格
wangeditor 最大字数_wangEditor增加行高和具体字号功能
weixin_39526459的博客
12-19 2163
简介wangEditor是一个很轻巧的富文本编辑器，这个编辑器在v2版本的时候，带有行高功能，但是在最新的V3版本，却去掉了这个很基本的功能。另外，编辑器的字号功能一直都有很大的限制，只能设置“x-small、small、normal、large”这样的字号，不能设置“12px、14px、16px”这样的具体字号。大家可能很奇怪，这么简单的功能，为什么作者不随手加上去呢？其实在文本编辑器里实现精准...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值