search

opentiny / fluent-editor

Fluent Editor is a rich text editor based on Quill 2.0, which extends rich modules and formats on the basis of Quill. It is powerful and out-of-the-box. Fluent Editor 是一个基于 Quill 2.0 的富文本编辑器，在 Quill 基础上扩展了丰富的模块和格式，功能强大、开箱即用。
https://opentiny.github.io/fluent-editor/
MIT License
116 stars 16 forks source link

✨ [Feature]: 是否支持指定 toolbar 容器 #46

Closed ihwf closed 1 month ago

ihwf commented 2 months ago

What problem does this feature solve

支持指定 toolbar 容器, 实现内容区与工具栏分离

What does the proposed API look like

new FluentEditor('#editor', {
    theme: 'snow',
    modules: {
        toolbar: {
            container: "#toolbar",
            controls: [
                ['undo', 'redo', 'clean'],
            ]
        },
    },
})

What is your project name

editor

zzxming commented 1 month ago

toolbar.container 是支持的，配置方式与 Quill 官方 toolbar 模块一致，不需要 toolbar.controls

ihwf commented 1 month ago

貌似 Quill官方使用了 toolbar. container 就不能同时用 format names 数组配置工具栏 😂, 只能使用 toolbar. container 或者使用format names 数组配置, 如果指定 toolbar. container , 就只能在 dom 中写一堆 html, 当然, 可以从 Quill 的 toolbar.ts 中导入 addControls, 用addControls生成需要的工具栏, Quill 源码中 toolbar.ts 是有把 addControls 导出的, 但是 fluent-editor 中没有把 addControls 导出?

zzxming commented 1 month ago

理解意思了，目前 fluent-editor 没有导出 Quill 中的辅助函数，如果要使用的话要额外安装 Quill 本体。 @kagol 是否需要实现此功能

ihwf commented 1 month ago

对, 是这个意思, 或者是否可以添加支持 fluent-editor 实例化的时候加个 toolbar.controls 参数, 内部调用 addControls 实现 toolbar. container 与 format names 数组同时使用?

kagol commented 1 month ago

理解意思了，目前 fluent-editor 没有导出 Quill 中的辅助函数，如果要使用的话要额外安装 Quill 本体。 @kagol 是否需要实现此功能

建议导出 Quill 相关内容，理论上 Quill 有的，都可以通过 Fluent Editor 导出。

zzxming commented 1 month ago

3.19.1 版本已实现 fluent-editor 分离，需要额外安装 quill 作为依赖，可从 quill 中导出辅助函数使用