跳转至内容
  • 最新
  • 版块
  • 标签
  • 热门
  • 用户
  • 群组
  • 太微中文教程
  • 新插件投票看板
皮肤
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • 默认(不使用皮肤)
  • 不使用皮肤
折叠
太微中文论坛icon

太微中文论坛

  1. 首页信息流
  2. 版块
  3. 讨论
  4. 在太微中使用 codemirror6 编辑器

在太微中使用 codemirror6 编辑器

已定时 已固定 已锁定 已移动 讨论
14 帖子 3 发布者 377 浏览
  • 从旧到新
  • 从新到旧
  • 最多赞同
登录后回复
此主题已被删除。只有拥有主题管理权限的用户可以查看。
  • oeyoewsO 离线
    oeyoewsO 离线
    oeyoews
    写于 最后由 oeyoews 编辑
    #2

    tiddlywiki-codemirror-6 插件基本完善.

    https://github.com/oeyoews/tiddlywiki-codemirror6

    核心亮点就是自动补全 代码片段支持的很好. 加上了 codemirror-enhancement 插件的所有功能. 可以删除所有的cm5系列插件了. 开箱即用.

    image.png

    1 条回复 最后回复
    0
    • linonetwoL 离线
      linonetwoL 离线
      linonetwo
      写于 最后由 编辑
      #3

      感觉是不错,不过没有分包的话,各种语法高亮是全装上了吗?

      模块化可以参考 https://github.com/tiddly-gittly/tw-react/blob/master/src/jsx-runtime.js.meta

      module-type: library 加上 title: react/jsx-runtime.js, 别的组件直接 require('react/jsx-runtime.js') 就能引用到它,不知道这个方法能不能用于 cm6 分包。

      oeyoewsO 1 条回复 最后回复
      0
      • linonetwoL 离线
        linonetwoL 离线
        linonetwo
        写于 最后由 编辑
        #4

        还有也多测测移动端,我觉得以后很多用户应该都是多端用户了。

        1 条回复 最后回复
        0
        • oeyoewsO 离线
          oeyoewsO 离线
          oeyoews
          写于 最后由 编辑
          #5

          codemirror6 本身就优化了移动端的使用体验.

          1 条回复 最后回复
          0
          • oeyoewsO 离线
            oeyoewsO 离线
            oeyoews
            写于 最后由 编辑
            #6

            目前没想到分包的好办法, codemirror 的各种扩展都是依赖核心包的, 比如 占用了200kb 的markdown language.

            不太可能把核心包都做成lib, 这样类型提示就完全失效了. 而且也无法进行 tree shake了. 完全就没有编码体验了.

            import { EditorState, EditorSelection, Extension } from '@codemirror/state';
            import { openSearchPanel, closeSearchPanel } from '@codemirror/search';
            
            import { completionStatus } from '@codemirror/autocomplete';
            import { undo, redo } from '@codemirror/commands';
            
            import { EditorView } from '@codemirror/view';
            

            屏幕截图 2024-01-15 165346.png

            1 条回复 最后回复
            0
            • oeyoewsO 离线
              oeyoewsO 离线
              oeyoews
              写于 最后由 编辑
              #7

              虽然ob 也用了cm6, 但是暴露出来的插件接口相比 在tiddlywiki中使用cm5而言, 差的太多了, 毕竟tiddlywiki可以完全使用改cm6的每个接口, 扩展性极强.

              1 条回复 最后回复
              0
              • oeyoewsO 离线
                oeyoewsO 离线
                oeyoews
                写于 最后由 编辑
                #8

                加了一个切换语言的配置项

                image.png

                image.png

                1 条回复 最后回复
                0
                • oeyoewsO 离线
                  oeyoewsO 离线
                  oeyoews
                  在 中回复了 linonetwo 最后由 编辑
                  #9

                  @linonetwo 语法高亮就markdown 占用大, 其他的可以忽略不记, 因为markdown 的语法解析是手写的

                  1 条回复 最后回复
                  0
                  • oflgO 离线
                    oflgO 离线
                    oflg
                    写于 最后由 编辑
                    #10

                    赞👍

                    1 条回复 最后回复
                    0
                    • oeyoewsO 离线
                      oeyoewsO 离线
                      oeyoews
                      写于 最后由 编辑
                      #11

                      image.png
                      内置命令模式也是很方便的

                      1 条回复 最后回复
                      0
                      • linonetwoL 离线
                        linonetwoL 离线
                        linonetwo
                        写于 最后由 编辑
                        #12

                        我在 CPL 上评论了一下,主要是太记上安不了,还有不知道源码在哪,需要填一些 CPL 元信息才好。

                        1 条回复 最后回复
                        0
                        • oeyoewsO 离线
                          oeyoewsO 离线
                          oeyoews
                          写于 最后由 oeyoews 编辑
                          #13

                          cm6现在是可以正常安装的, 那个报错应该是另外一个插件notion gallery的依赖image observer没加上

                          批量导入没发手动加上仓库地址好像

                          1 条回复 最后回复
                          0
                          • oeyoewsO 离线
                            oeyoewsO 离线
                            oeyoews
                            写于 最后由 编辑
                            #14

                            目前维护的插件都在这里

                            https://github.com/oeyoews/tiddlywiki-starter-kit/tree/main/plugins/oeyoews

                            只有一些大插件,比如cm6这种会用moderndev额外开一个仓库写

                            1 条回复 最后回复
                            0

                            • 登录

                            • 没有帐号? 注册

                            • 登录或注册以进行搜索。
                            Powered by NodeBB Contributors
                            • 第一个帖子
                              最后一个帖子
                            0
                            • 最新
                            • 版块
                            • 标签
                            • 热门
                            • 用户
                            • 群组
                            • 太微中文教程
                            • 新插件投票看板