canvas-editor icon indicating copy to clipboard operation
canvas-editor copied to clipboard

关于更丰富自由的初始化配置控制。

Open 1019058432 opened this issue 1 year ago • 4 comments

What problem does this feature solve?

通过自由选择控制渲染配置,能产生自由的布局与更大的应用场景。 此前,我一直在寻找一款可自由控制光标和虚拟键盘弹出(移动端)的富文本编辑器、我使用了contentEditable来实现但效果不是很好(受到输入法实现的影响)。

What does the proposed API look like?

当前我希望让这个库允许初始化时关闭header、footer及pageNumber等独特场景下的渲染,以便实现纯编辑器的效果,对此:

  1. 应该直接让header或footer的option类型可为false?
  2. 还是增加编辑器模式进行区分?
  3. 还是激进的考虑把main作为base,让header和footer作为扩展继承main,从而打开更自由的扩展和布局(类html)?

当然渐进地全部实现貌似是更好的选择,只是我还不清楚其中有哪些期望的功能会带来更多的问题。我相信这对于扩展应该是有帮助的,分块布局或许能带来更好的规划?例如想要实现导航目录和文档备注仅需要将其填充到一个横向布局的块内元素,至于其是否作为独立插件以及如何进行数据交互则是细节实现了。

1019058432 avatar Apr 24 '23 01:04 1019058432

  1. 关闭页眉、页脚、页码、页边距是一个比较简单的需求,增加配置代码稍作修改既可实现。
  2. 导航目录需求,涉及标题、列表目前功能已经完成,但是改动较大,最近在做bug修复,等系统稳定之后,会考虑目录的实现。

Hufe921 avatar Apr 24 '23 03:04 Hufe921

情况1我在尝试利用父容器滚动的情况下实现有限宽高的编辑器,但鼠标工作不正常同时导致页面渲染异常?

1019058432 avatar Apr 24 '23 05:04 1019058432

不好意思,没懂为什么关闭页眉页码 要利用父容器滚动。 方便的话可以,提供一个最小可复现环境

Hufe921 avatar Apr 24 '23 06:04 Hufe921

不好意思,没懂为什么关闭页眉页码 要利用父容器滚动。 方便的话可以,提供一个最小可复现环境

额,抱歉,刚刚经过测试是没问题的,可能当时环境有点乱了。 而利用editor的滚动只是为了实现单行或多行输入框时的场景。

在关闭header、footer、margin以及启用连页模式后,通过容器滚动可以实现单行多行富文本输入框

.editor{
    max-height: 100px;
    overflow-y: auto;
  }

1019058432 avatar Apr 24 '23 11:04 1019058432