我发起了一个 ILBC 的 子项目 ILBC Studio

ILBC  见 《ILBC 规范》  https://www.cnblogs.com/KSongKing/p/10354824.htm

发起这个项目的原因是， 本来想用 VsCode 来写 InnerC 的， InnerC 是一个 用 C 语言 写 C 语言 编译器 的 项目，

这就需要 用 VsCode 开发一个 C 语言 项目，

结果发现， 用 VsCode 开发 C 项目 还挺麻烦的， 需要自己配置这配置那，

所以， 我想 ILBC 需要开发一款 自己 的 IDE， 暂命名为 “ILBC Studio”  。

ILBC Studio 支持  ILBC 系列语言：     InnerC ， D# ， c3 ， EScript     等等  。

从  ILBC Studio  这个名字可以看出来，  ILBC Studio 会沿袭 Visual Studio 风格，  比如  解决方案 （.sln）， 项目文件 （.xxproj），

以及 解决方案 和 项目 架构，

当然， 内部实现 不一定 一样 。 比如 解决方案 和 项目文件 的 内部格式 不一定 一样，  我们会有 自己的 定义  。

但从 使用风格 和 使用习惯 上， 会是和 Visual Studio 相似的 。

ILBC Studio     基于      C# WinForm   ,    Xilium.CefGlue  ，  jWebForm    。

jWebForm  见  《我发起并创立了一个 Javascript 前端库 开源项目 jWebForm》  https://www.cnblogs.com/KSongKing/p/10326119.html ，

C# WinForm   ,    Xilium.CefGlue  ，  jWebForm    用于 开发 界面，  然后 再 加入 编译器 和 调试器 。

编译器 本身就是  ILBC 项目 的一部分， 也会 逐步开发 。

调试器 也是自己开发， 调试器 原理 初步可以 推断 由 操作系统 提供 专用 的 中断 来 支持 调试进程 。

为什么要用  .Net / C#  WinForm  和   Cef （Chrome） +  Js   来 开发界面 ？

.Net / C#  很好的 解决了 平台兼容性 问题， 如果用 C++ ， 很可能在 Win 8 上能用， 在 Win 10 上有问题， 总之各种 奇奇怪怪 的 本地问题 。

比如 开发 的 时候 就可以看到，  C++  的 各种 奇奇怪怪 的 兼容包， 本地库 。    呵呵

而且   .Net / C#   简单  。

至于 Cef （Chrome） +  js ，  主要是 一方面 VsCode 就是用 Electron （Chrome + js） 开发的，

另一方面， 不知怎的， 用 js 开发 界面 感觉 很灵活 。

我以前也说过， 现在是 用 Js 可以写 Office 的 时代 。

而 浏览器（Chrome） 解决了 排版问题， 这是一个 基础问题， 是一个 大问题 。（“排版” 一词 由 网友 提供）

所以， 在 浏览器 上 开发 编辑界面 应该 是 有利 的  。

jWebForm 会 提供一个  EditArea  控件 来 实现 一个 编辑区域 功能， 可以编辑 文本 、 图片 等等 。

可以形象的把  EditArea  控件 称为  “小 Word” 。

项目地址：  https://github.com/kelin-xycs/ILBC  ，

目前实现了一个 简单的 文本编辑器 。

架构是 WinForm 里 运行 Cef， Cef 里 运行 Html + js， 主要功能 在 Html + js 里实现，

上传到 Github 的 只包含 源代码， 没有包含 Cef 的 组件文件， 所以需要先下载 Cef 组件文件 拷贝到  ILBCStudio 项目 的 bin\Debug 或者 bin\Release 目录下才能运行 。

之所以 不把 Cef 的 组件文件 上传到 Github， 是 因为 Cef 组件文件 太大， 有约  229 MB 。

下载方法：

到  http://opensource.spotify.com/cefbuilds/index.html#windows64_builds    这个网址 下载  Cef  组件包，

注意需要 下载 正确的 版本，

ILBC Studio 这一版本 使用的 Cef 是    Windows 64-bit ， 版本 3.3626.1881.g628f810 ，  Standard Distribution  。

版本 3.3626.1881.g628f810      必须正确， 不然无法使用 。

可以在 CefGlue 项目 的   Interop\version.g.cs   文件 中 查看 CefGlue 使用的 Cef 组件版本 。

下载好 Cef 组件包 后， 解压， 把 解压内容 的 Release 目录 和 Resources 目录 中的 全部 文件 和 文件夹 拷贝 到 ILBCStudio 项目 的 bin\Debug 或者 bin\Release 目录下 就可以了 。

为了便于大家查看 演示效果， 我把 ILBCStudio 的 Debug 目录 打包 上传到 QQ 群 348041382 的 群文件 里， 加入 群 下载 ILBCStudio_Debug.zip ，

下载后解压， 解压后直接运行  ILBCStudio.exe  就可以看到效果了 。

Xilium.CefGlue  老的 项目地址：    https://bitbucket.org/xilium/xilium.cefglue/wiki/Home  ，

现在已 搬迁到 GitLab：    https://gitlab.com/xiliumhq/chromiumembedded/cefglue    。

文本编辑器 是 用 Html 元素 把 contentEditable 设置为 true 的 方式 实现的，

但这样有一个 小问题 和 一个 大问题，

小问题 是 在用 Html 元素 的 innerText 取出 编辑 的 文本 时， 会多出一些 “\n”，

比如 敲了 2 个回车， 会有 3 个 “\n”，

敲了 3 个回车， 会有 5 个 “\n”，

敲了 4 个回车， 会有 7 个 “\n”，

敲了 5 个回车， 会有 9 个 “\n”，

以此类推  。

而且， Chrome 的 innerText 里 的 回车 是 “\n”， 不像 Windows 里是 “\r\n”  。

大问题 是  contentEditable = "true"    这种方式 的 优点 是 原生、效率高、简单省事，

但 对于 编译器 的 编辑界面 而言， 需要 对 源代码 文本 有一些 处理逻辑，

比如  关键字颜色， 成员颜色， 错误提示， 智能提示    等等 。

这些需要 对 源代码文本 逐字符 检索 和 某一段位置 的 字符 设定样式，

而 Html 元素 contentEditable = "true" 的这种方式 不太好 做这些操作， 因为 这种方式 把 上个回车 和 下个回车 之间的 文本 作为一个 段落，

是一个 div， 这个 段落 中 字体样式 不一样 的 文本 用 span 括起来， span 中 字体样式 不一样 的 文本 又再用 span 括起来， 如此嵌套 。

所以 可能 还是 需要 像 Vs Code 那样 用一个 每个字符 都是 一个 span 的 Js 写的 文本编辑器，

其实 我 前几天 就在 写 Js 的 文本编辑器， 把 之前 jlet 里的 docEditor 改为 jWebForm 控件， 名字叫  EditArea  。

不过 后来 发现 博客园 写博客 的 文本编辑器 TinyMCE 就是用  contentEditable = "true"  的 方式 实现的，

所以 就 改成用  contentEditable = "true"  的 方式  。

其实  contentEditable = "true"  方式 作为普通的 文本编辑器 很好  。

我接下来 会 继续 写 jWebForm 的 EditArea，  用于 ILBC Studio，

另外， 可能还需要在  jWebForm 里加入 对话框 控件，  因为 本来 在 这一版 ILBC Studio 中 还想做一个 “工具 -> 选项” 的 简单功能， 可以设置字体，

但是 听说 Chrome 不支持 ShowModalDialog() 了，   So  ……     ，，

Chrome 大概是 提倡 “Web Desktop”，

在 jlet 中 有 对话框， 做一下修改 可以 作为 jWebForm 控件， 不过 这部分 先放后面 。

ILBC Studio  新版发布，  新版使用 jWebForm 的 EditArea 控件 作为 文本编辑器， 并且用 jWebForm 的 DragObj 控件 实现了  “工具 -> 选项”  对话框， 可以设置 字体 和 字体大小 。