问题标签 [mobiledoc-kit]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何使用 Mobiledoc-kit 重现 media.com 编辑器的“嵌入媒体”按钮?
我们正在构建一个编辑器,并决定使用Mobiledoc-kit来克服 contentEditable 的限制。
由于我们真的非常喜欢 medium.com 编辑器的简单性,我们正在尝试重现它的“插入媒体”功能,即“只允许在空行上插入媒体”,这大致翻译为 mobiledoc-kit 默认的空白部分设想。这种方式的行为包括两个事件:
- 当前行中没有其他内容时显示按钮/允许插入
- 在相反的情况下隐藏/禁止插入。
为了实现这一目标,我正在尝试:
- 观察“进入”键按下显示按钮
- 观察部分长度以隐藏/显示按钮
我仍然没有弄清楚如何检测“输入”按键以及我用来检测节长度的方法postEditor.editor.range.tail.section.length
在两者didUpdatePost
和willRender
回调中返回前一个节长度。
这是我使用 mobiledoc-kit 的第一天,任何关于我是否选择正确路径的反馈以及如何继续前进的建议都非常非常感谢。
mobiledoc-kit - 在 Mobiledoc-kit 中用空格断开链接插入
现在,当用户将一些文本转换为链接时,“默认”行为是将连续输入的文本识别为“a”标签的一部分。
让我们以演示应用程序为例:
页面上有文字“这是 Mobiledoc-kit”
我选择它的“Mobiledoc-kit”片段并使其成为指向https://bustlelabs.github.io/mobiledoc-kit/demo/的链接
在那之后,我开始输入并输入“示例应用程序”(注意前导空格)。
这个文本成为链接的一部分,所以现在链接不仅仅是“Mobiledoc-kit”,还有直到行尾的所有文本:“Mobiledoc-kit example app”
这里的问题是如何让它“谦虚”/不贪婪 - 表示链接边框仅在选定的文本内?
ember.js - mobiledoc-kit 中的自定义标记
我正在使用 mobiledoc-kit 创建一个编辑器。它带有一些工具栏按钮,可让您将文本设置为粗体、斜体等。一些文本可以包含在 H1、H2... 标签中。
我想要的是创建一个按钮,它将文本包装在带有属性的自定义标签中(<div data-tag="some data here">TEXT</div>
)
我可以看到标签被限制VALID_MARKUP_TAGNAMES
在 src/js/models/markup.js 文件中的常量中
我通过 npm 安装了 mobiledoc-kit。
问题是如何扩展此文件并向常量添加自定义标签。
ember.js - 清除 Ember MobileDoc-kit 编辑器数据
我在使用 ember-mobile-doc 编辑器的基本任务方面遇到了一些麻烦:我希望能够通过操作清除编辑器的内容。
和:
我尝试设置document
为false
, null
,但没有任何运气。我查看了 github 上的代码寻找它,但似乎找不到前进的道路。
ghost-blog - 幽灵到媒体的整合
在文章的最后
有一句话:
您还可以将内容发布到您的 Ghost 站点,然后将其联合到 Medium 作为分发渠道。
这是建议可以自动执行还是应该手动执行?对带有 Medium 集成的 Ghost v2(带有移动文档发布格式)有什么看法吗?