问题标签 [parchment]

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.

0 投票
0 回答
154 浏览

quill - 向 Quilljs 编辑器添加脚注(或边注等)

我正在寻找一种将脚注/尾注功能添加到 QuillJS.com 编辑器的方法。我的要求是注释“文本”本身仍然可以像文档文本一样进行编辑——将其隐藏在属性中可能效果不佳。

我想知道这是否可以实现?

举一个简单的文档示例:

这是一个像往常一样的文档文本1


1这是脚注文本

我的猜测是,实现这一目标的最佳方法是:

  1. 将实际的注释文本作为一系列块(注释文本块)放在文档的末尾。每个块都需要一个唯一的名称。
  2. 插入锚点(正文中的数字)作为某种嵌入对象或某种内联印迹。
  3. 添加新注释时,添加内联锚,并在文档末尾为该锚添加一个新的“注释文本”块,然后将光标移动到那里。
  4. 有某种机制来保持文档末尾注释的顺序与正文中注释锚的顺序同步。
  5. 确保注释文本的块只有在其锚点被删除时才能被删除。相反,如果删除了锚点,则删除注释文本块。
  6. 点击note-anchor会将光标带到note-text块,点击note-block开头的数字(如图所示)会将光标带回anchor。
  7. 编号将由文档中锚点的顺序决定。

我的问题(对于有扩展 QuillJS 经验的人)是:这样的系统是否可能?唯一似乎接近此功能级别的模块是 better-tables 模块。

我真的很感激关于是否可以实现这样一个系统的任何见解或关于如何做到这一点的一些提示。

0 投票
0 回答
390 浏览

ios - Swift Parchment 库,菜单栏不显示

所以我制作了这个功能并使用 Parchment pod

我不知何故菜单栏没有出现,但我可以水平滑动

*我使用故事板方法

这是我的代码:

当我建造它时,它是这样的

在此处输入图像描述

如您所见,顶部没有菜单栏,我仍然可以水平滑动,但我仍然可以在设置 PagingViewController 时自动设置菜单栏。

有人可以帮忙吗,以前有人用过这个吊舱吗?

谢谢

  • 是的,我知道 CollectionView 单元格的约束有点混乱
0 投票
0 回答
280 浏览

quill - 未捕获的类型错误:无法读取未定义的 Quill 羊皮纸的属性“Attributor”

我在 laravel 中使用鹅毛笔羊皮纸,但我无法读取属性'attributor'

我的代码:

参考墨水https://github.com/quilljs/parchment#class-attributor

我面临的错误:

详细错误

我也试过 webpack:

0 投票
1 回答
255 浏览

ios - 应用再次回到前台后导航栏消失

我正在使用羊皮纸在顶部添加菜单项。主视图的层次结构如下:

NavigationView -> TabView -> Parchment PagingView ---> NavigationLink(ChildView)

一切正常,进入子视图,然后反复返回。当我转到 ChildView,然后转到背景/主屏幕然后重新打开时,就会出现问题。如果我单击返回,然后再次转到子项,则返回按钮和整个导航栏都会消失。

在此处输入图像描述

这是要复制的代码:

要复制:

  1. 启动并转到子视图
  2. 单击主页按钮将应用程序发送到后台
  3. 再次打开应用
  4. 点击返回
  5. 导航到子视图。导航栏/后退按钮不再存在。

我注意到:

  1. 删除TabView使问题消失。
  2. 删除PagingView也会使问题消失。

我尝试使用自定义 PagingController 并尝试使用各种设置但均未成功。PagingView如果有人也想修改设置,这是自定义:

在 iOS 模拟器 14.4 和 14.5 以及设备 14.5 beta 2 上测试。

非常感谢任何提示或想法。

0 投票
1 回答
143 浏览

ios - 羊皮纸的奇怪滚动错误

我们最近决定尝试将 Parchment 合并到我们的应用程序中,因为它可以完美地满足我们的需求。我们还添加了一个折叠标题效果。所以我们首先做了一个测试项目来测试它,就像我们将它重构到我们自己的应用程序中一样,我们注意到一个非常奇怪的错误,我们似乎无法查明问题所在。起初我们认为它可能在我们自己的应用程序中,但我打开了测试项目,它也在那里。

此 GIF 将向您展示问题。当我们只有一个标签/屏幕时,情况会更糟。然后,在不触发此问题的情况下,甚至很难向下滚动以正确刷新。

动图

任何人都知道这可能发生的原因和地点?

Parchment 实现的示例代码:

0 投票
0 回答
183 浏览

angular - Ngx-Quill - 导入羊皮纸的问题

我正在尝试基于此覆盖 Parchment - Quill 方法:

https://github.com/quilljs/quill/issues/409

我仍然得到:

如何正确导入羊皮纸?

0 投票
0 回答
80 浏览

inline - 有没有办法为 quill js 构建一个嵌套的内联印迹?

我想要创造的是这样的:

我是新来的羽毛笔,仍在探索。我现在能做的就是像这样创建一个 html 标签:

基本上我想创建一个带有子元素的标签,比如等。

0 投票
0 回答
39 浏览

javascript - Quill - after.appendChild 不是一个函数

这是代码沙箱再现。

https://codesandbox.io/s/intelligent-chihiro-9rp0d?file=/src/index.js:1285-1329


我在我的应用程序中有一个位置,我需要在其中插入羽毛笔编辑器(禁用的)的内容,以便用户可以在发送之前预览撰写的电子邮件。

在此处输入图像描述

有一个称为“变量”的自定义膨胀。它用作占位符并被服务器上的一些真实数据替换(当向多个收件人发送电子邮件时)。它由图片上的这些蓝色矩形表示。以上。

问题如下。即使我不使用任何这些自定义膨胀,如果整个消息正文看起来像一个包含至少两个格式化块的单个字符串,我会收到标题中指定的错误消息:“after.appendChild is not a function “:

在此处输入图像描述

这就是我在第 3 步中的内容(编辑时)

在此处输入图像描述

这是在第 4 步预览时(它与quillInstance.setContents方法一起插入)。

在此处输入图像描述

还有控制台。

那我做了什么。我通过该方法获取了插入到新的羽毛笔编辑器实例中的实际数据对象,.setContents并尝试单独重现该问题(请参阅顶部的 Code Sandbox repro 链接)。

我发现了一件有趣的事情。事实证明,如果您注释掉以下几行,问题就解决了:

所以看起来是否使用膨胀甚至都无关紧要。只有当膨胀被注册时才重要。如果是,则代码无法正常工作。

在此处输入图像描述

对比

在此处输入图像描述

那么,我能做些什么呢?将不胜感激任何帮助!

0 投票
0 回答
55 浏览

javascript - 如何在 quill js 中添加边框颜色?

我一直在使用 quill js 构建一个到达文本编辑器,目前正在尝试扩展表格功能并尝试为表格边框添加颜色,但我无法将其保存到quill-delta?(存在于 db 中)我的方法是尝试将类添加到表中并在我的 css 代码中相应地更改颜色,delta 表示如下表:

我需要在这里自定义的是像这样编辑增量中的属性

有没有办法根据选择的颜色自定义 delta 中的 className 属性?