(快速浏览杰哥分享过的所有经验汇总,点击跳转) |
|
2022.5.27更新
之前的Highlight.js只能查看不能编辑,现在找了个新的高亮工具,支持编辑用起来也更简单,建议用这个
此主题相关图片如下:1.png
-(以下是旧内容)----------------------------------------------------------------------------
先看效果
一、集成这个玩意的原因:
相信很多在做狐表B/S前后端分离的朋友,大部分时候写代码在狐表编辑器,写完就粘贴回去文本框里,最后动态编译。只是有bug要小调试时,一般为了方便快捷,都是直接阅读黑白的文本框,不是很爽。
如果能有vs或者sublimeText3的代码着色就好了。
但是很遗憾,这种能读写的编辑器,真是很难做,网上也没有好开源轮子。
或者有人用富文本框花大力气做出来,但是代码一多,渲染效率低下,使用卡顿。
或者有人把代码复制出去到了第三方的编辑器,改完又复制回来,大改代码倒是没所谓。小改小修的话,实在是烦,还不如直接读黑白代码。
不过我找到了一个折中的方案。就是用Highlight.js这个专门用于代码高亮js库,融合进去狐表,实现代码着色。
虽然是只读的,但是也足够我阅读代码,快速定位小bug,然后切换到文本框模式,改好。
二、Demo效果图:
此主题相关图片如下:2.png
此主题相关图片如下:1.png
三、教程:
1该js需要ie9或以上的版本。
win10和win2012或以上都是自带高于ie9的内核。而win7则需要自行先升级好ie,推荐直接一步到位装ie11.
2解压附件到Attachments里
此主题相关图片如下:3.png
3用管理员模式打开狐表发布后的程序也要用管理员模式打开,因为待会要去修改注册表,把狐表默认引用的IE内核改为IE9,需要足够的权限。
不过你做BS程序,狐表本来也要求在管理员模式打开,否则HttpServer启动不了
4窗口Afterload代码
Registry.SetValue("HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION",System.Diagnostics.Process.GetCurrentProcess.ProcessName & ".exe",9999)
MessageBox.Show("无法提升IE9内核,请用管理员模式运行" )
5把文本框写入到高亮网页并展示的按钮代码
以下内容只有回复后才可以浏览
此主题相关图片如下:1.png
6完整Demo下载(要求狐表20200529版本)
以下内容只有回复后才可以浏览
四、常见问题:
1为什么是只读,不能做到读写?成为一个真正的代码编辑器
答:有2个原因: