Live Editor

[Kenshin]

描述

为当前页面增加 Live Editor（实时编辑）

地址

https://simpread.ksria.cn/plugins/details/y8Mai5IBwN

功能

1. 编辑功能

2. 标记功能

3. 复制到原文

4. 简易模式

5. 居中显示

6. 清除元素

选项

随便进入一个页面 e.g. https://sspai.com/post/71576 并进入 阅读模式 → 右下角 → 动作 → 插件触发器

按照下图所示即可查看此插件的选项页。（注意：如果你的界面没有插件触发器，请根据此 解决方案 修复。

设置项

• 进入阅读模式后自动加载工具栏

  选否后，可以在阅读模式 → 控制栏 → 动作 → 插件触发器手动进入

  

• 当加载工具栏后自动进入 Live Editor 模式

  

• 当使用【复制到原文】后自动退出阅读模式

  通过此功能可以弥补其它剪藏工具的不足，如：导入到 Zotero

  

• 自动保存快照到本地

  当退出【编辑模式】【清除元素】【居中显示】后自动保存快照到本地，仅限当前页面为稍后读时可用。如果你配置了 知识库 功能后建议开启此选项。

  

快捷键支持

l e + 1 ~ 7 的标号，编号对应了下面的工具条的顺序

比如：l e 1 对应了 开启/关闭 Live Editor

更多用法

• 基于简悦 + Live Editor 的的信息收集与多端处理工作流

• 如何用简悦插件 Live Editor 快速采集和标注网页图文内容？

• 将需要的任意内容生成阅读模式并使用 Live Editor 进一步整理

• 导入到 Zotero（利用简悦增强 Zotero 的剪藏能力）

关于 Live Editor 更多用法可以 看这里。

安装与升级

• 没有【使用同步助手 · 自动同步】的话，可通过 此链接 安装。

• 已经【使用同步助手 · 自动同步】的话，请使用 插件管理器 安装。

更新日志

1.2.0

• Add 居中显示，通过框选的方式将图片或段落居中显示，包括：图片 和 任意段落

• Add 开启 简易模式 或 Live Editor 后取消连续标注功能

• Add 自动保存快照到本地

1.1.4

• Fix 当使用清除元素功能后图片标注失效的错误。

1.1.3

• Add 简易编辑模式，不会破坏正文结构，但也无法提供富文本编辑功能。

1.1.2

• Add 快捷键支持

• Add 复制到原文

• Add 存在标注时，仅使用 简单编辑模式

• Optimize （不存在标注的）稍后读页面也可使用 Live Editor 功能

• Optimize blockquote 样式

• Fix 退出 Live Editor 后，加入稍后读后无法使用标注功能

• Fix 在 Live Editor 下无法使用 题图

1.1.1

• Fix 进入 Live Editor 后样式错误

• Fix 标注模块能可以使用的错误

1.1.0

• Add [[<选取的文字>]]

• Add 复制所选内容到剪切板

• Fix 当存在标注，进入时提示，并且隐藏标注侧栏；退出时，恢复标注侧栏并提示需要刷新页面。

• Fix 当标注模式下，进入 Live Editor 需要禁用标注模式

• Add 选取文字生成 Markdown，类似 roam-highlighter 可以根据上下文生成的方案。

  • 划取后的内容用颜色标记出来

  • 根据上下文层级整理标记

  • 点击已标记的段落后删除当前标记

  • 在页面右下角显示，包括：复制到剪切板，最小化，清除全部标记

  • 设置

    • 是否自动去除换行？

    • 当标记的内容为包含 标题 / 列表 时，是否去除？

    • 标记之间是否空一行？

    • 标记后的前缀

1.0.0

• 下方工具条

  • 开启/关闭 Quill

  • 删除段落模式

  • 设置

  • 退出

• 设置

  • 进入阅读模式后是否自动加载工具栏？

  • 当自动加载工具栏后，是否自动进入 Live Editor？

[Kenshin]

标记功能

为当前页面提供一种：轻量级，方便导入到各种双链笔记的方案。

与简悦的标注功能区别

1. 不具有简悦标注功能的相关一切功能，如：导出到本地，导出到简悦支持的生产力工具，简悦的双向链接支持 等功能。

2. 仅提供一种轻量级操作，即：标记 → 复制 Markdown 到剪切板 → 粘贴到你需要的各种双链笔记。

3. 此功能也不支持 Markdown 定制模板。

特色

1. 可标记图片

2. 可根据上下文的顺序进行标记，且具有从属关系。

3. 可随时在正文中修改内容，直至满意后再进行标记。

功能

在页面选中的内容增加 [[]] 操作。

标记后将会生成适合导入到双链笔记的 Markdown 语法规则

对已经标记的重新标记即为删除

关于标记功能的一些选项

1. 自动去除换行

2. 自动去除包含 标题 / 列表的标记内容

3. 每个标记之间增加一个空行

4. 标记的前缀，如 - >

注意

标记功能与简悦的标注功能有冲突，在存在标注时，进入 Live Editor 的编辑状态后，如果存在标注的话，有无法显示，且有提示。

此功能为版本 1.1.1 提供，如低于此版本，请升级。

[Kenshin]

嗨，请看 #2852 (comment) 下方的注意段落。

简单的说，在此模式下无法显示标注功能。

[Kenshin]

安装插件或带有插件触发器的插件失效的 解决方案。

[alexinea]

使用 Live Editor 编辑后：
1、退出 LE
2、加入稍后读
3、在网页版的页面里任意标注
4、此时稍后读显示的是编辑后的效果

[Kenshin]

@alexinea

有什么问题吗？

[Kenshin]

@alexinea

emmm 好像是回复 @c100d100 的提问？

如果是的话，请忽略我的上一条内容，并谢谢你的回复。

💪

PS：漏掉了 @c100d100 的提问...

[Kenshin]

复制到原文

简单的说，通过此功能，你可以将阅读模式的内容（正文）复制到原页面。

使用场合

当你使用其它 Web Cliper 时，可利用此功能辅助加强其它 Web Cliper 的正文获取能力，如：导入到 Zotero

操作视频

2022-01-16_13-27-39.mp4

选项

一个相关的选项：当复制到原文后，可自动退出阅读模式。

[Kenshin]

编辑功能

位置

Live Editor 工具栏

包括：粗体 / 斜体 / 下划线 / 删除线 / 标题 / 列表 / 清除样式 等。

选中内容转换为 Markdown 并复制到剪切板

[Kenshin]

emmm 看截图似乎跟划词翻译「冲突」了，你试试先禁用划词翻译。

然后重启浏览器后再试试。

[liukmg]

关掉了试也还是不行诶，三张截图和上面一样的，没有什么变化。昨晚上我没有安装划词翻译的插件之前已经是这样了，不知道是什么疑难杂症。也不急，您后续开发的时候如果偶尔猜到了可能是什么原因可以随时联系我来试试看，感谢！

[Kenshin]

okay 主要是仍没有遇到你提到的问题，但安装划词翻译确实会影响 Live Editor 😂

[liukmg]

好滴，我又试了一下，有一些网站live editor的编辑功能里面的样式基本都是乱套的，不只是加粗，可能是和我其他的什么插件冲突了吧，非常个性化的问题了，我自己也摸索一下，感谢您的时间！不过好在编辑文字、删除元素都没问题，以及解决我主要的需求了~

[Kenshin]

Live Editor 在使用时确实会有将原页面「弄乱」的可能行，这也是我之前前面提到的「并不太好使」的原因。

一般结构良好的页面大多没问题。

[Kenshin]

简易模式

1.1.3 版新增加的功能，特点是：不会破坏正文结构，但也无法提供富文本编辑功能。

位置

操作视频

2022-04-02_13-08-27.mp4

注意

1. 因为简悦的标注功能根据上下文进行定位的，如果对已存在标注的「前面」进行修改的话，会导致标注定位失败。

2. 当存在标注的页面使用 Live Editor 后会自动进入此模式。

   2022-04-05_11-27-18.mp4

[Kenshin]

居中显示

1.2.0 版新增加的功能，包括：图片和任意段落，选中后可居中显示。

位置

操作视频

2023-09-16_18-12-16.mp4

[Kenshin]

清除元素

可通过框选的方式删除任意内容。

位置

视频操作