Coder Social home page Coder Social logo

red-axe / am-editor Goto Github PK

View Code? Open in Web Editor NEW
925.0 19.0 196.0 7.84 MB

A rich text editor that supports collaborative editing and allows for the free use of front-end common libraries such as React and Vue to extend and define plugins.

Home Page: https://editor.aomao.com

License: MIT License

TypeScript 86.30% JavaScript 1.24% CSS 8.15% HTML 0.03% Less 1.31% Vue 2.96%
rich-text-editor typescript contenteditable wysiwyg-editor collaborative-editor am-editor sharedb vue-editor react-editor editor wysiwyg text-editor javascript vue react

am-editor's Issues

vue必须得绑定antd吗

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

工具栏的 collapse 按钮点击没有出现对应下拉面板

不知道是不是我项目的问题,工具栏的 collapse 按钮点击没有出现对应下拉面板,页面无报错提示,其他的按钮选项是没有问题的。
同时在编辑器中使用快捷键/ 是能出现下拉面板的。
代码是复制react demo进行改造的,删除了共享用户编辑和评论的部分,其他没有做任何改动。
如果不是bug,还望大神们帮忙解答解答是为啥
谢谢

在vue3项目中引入项目会遇到一些问题。

  1. 项目中的vue3版本如果和editor的版本不相同会出现多版本共存问题会有警告,并且toolbar不能正常渲染。
  2. 修改为相同版本后警告消除,toolbar中除了dropdown渲染的标题、字号、文本样式、对齐方式有效,其他的点击没有效果。
  3. button按钮执行triggerClick函数时,autoExecute始终为false,无法执行命令。

FontSize and FontFamily tool wont work on pasted text and Seletion changed after command triggered

Describe the bug
Copy some text from the editor and paste them just after, then select them all (including the original text), use toolbar FontSize or FontFamily wont work properly.

To Reproduce
Steps to reproduce the behavior:

  1. Go to editor.aomao.com demo site
  2. copy some text and paste just after it
  3. select these text
  4. try to run FontSize or FontFamily tool

Expected behavior
We expected the effect takes on all the selection but Only the first paragraph change and the selection change too! You can found these texts are nested in span in dom.

Screenshots

am-editor.-.Google.Chrome.2021-07-11.11-48-31.mp4

Desktop (please complete the following information):

  • OS:window10
  • Browse chrome
  • Version 91.0.4472.124(stable) (64 bit)

中文

选择一段文字然后直接复制在他的后面,然后选中他们,尝试使用字体或者字号的功能时,发现只有第一段或前几段的文字产生了效果而不是选取的所有段落,而且选取发生了改变,如视频中的演示所示。

建议添加警告提示组件

警告提示在文档编写中,还是挺实用的,可以考虑添加,类型这种antd的 风格:
image

或者是vue官方文档的这种风格:

image
image
image

公式内容闪动

Describe the bug

公式内容会跳动

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Screenshots

2021-06-10 19 51 17

Desktop (please complete the following information):

  • OS: Mojave 10.14.6
  • Browser: safari、edge
  • Version 14.3.3、 89.0.774.68

使用工具栏的话就不支持vite吗?

使用了工具栏(有引入antd-design-vue)
控制台报错
Uncaught Error: Dynamic require of "..../node_modules/ant-design-vue/lib/style/index.css" is not supported

表格单元格使用Tab键移动光标至下一个单元格后,前一个单元格无法获得焦点

Describe the bug

safari下,不管是在中间或者末尾换行会出错排版错乱问题,chrome下无此问题。

To Reproduce
Steps to reproduce the behavior:

1、添加表格
2、在任意一个单元格内使用Tab键多次移动光标,直到下一个单元格
3、前一个单元格无法获得输入焦点

Expected behavior
排版正常

Screenshots
2021-08-19 11 18 40

Desktop (please complete the following information):

  • OS: MacOS Mojave 10.14.6
  • Browser: safari,chrome
  • Version:14.1.2

是不是只能用ts?

Describe the bug
image

To Reproduce
vue3.0项目,按vue案例中的写法,改成js后,控制台有警告,toolBar无法渲染

工具栏图片icon不显示

微信图片_20211112092500
如图所示,demo里的工具栏图标不显示。还有就是工具栏插件在项目里使用后图标还是不显示,作者辛苦看下,点赞

希望可以支持nuxt.js

大多数主流富文本编辑器都可以支持,这个在nuxt.js里面引入,报Cannot find module 'xxx'错误,engine文件通过vue实例化引入后,可以展示编辑器,但是例如Bold扩展还是报以上错误,这个编辑器很不错,希望早日可以实现。🤔

关于用户加入或退出改变

是怎么判断用户加入的?
otClient.on('membersChange', members => {
members.value = members;
});
并没有触发这个事件,使用的是Vue

任务列表在safari下换行会错乱

Describe the bug

safari下,不管是在中间或者末尾换行会出错排版错乱问题,chrome下无此问题。

To Reproduce
Steps to reproduce the behavior:

1、输入文字
2、选中文字,选择任务列表工具
3、在末尾项换行,中间项亦可
4、换行前的几项跳变缩进(现象)

Expected behavior
排版正常

Screenshots

2021-08-19 11 17 48

Desktop (please complete the following information):

  • OS: MacOS Mojave 10.14.6
  • Browser: safari
  • Version:14.1.2

期望支持 行距lineHeight 功能

期望支持 行距lineHeight 功能

作为富文本编辑器 目前的功能已经比较全了 为了进一步完善整体功能 期望可以加入对 行距 设置的功能

非常感谢!

我在自定义antdv主题时。 异步组件引入编辑器时会发生个别组件样式会被编辑器内部给覆盖了

@itellyou-com
你好。我在自定义antdv主题时。 异步组件引入编辑器时会发生个别组件样式会被编辑器内部给覆盖了。我看了下源码

这些用到antdv的组件。引入组件样式的地方。 不知道能否去引入ant-design-vue/es/.../style/index.less 文件。这样编辑器也能同时应用我自定义主题后的颜色和样式。 不知道可不可以
image

Originally posted by @Thornchg in #16 (comment)

建议添加流程图插件,并且适配markdown类型

md:

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

image

这个确定可以用吗???

作者您好,您确定这个真的可以用吗?真心发问,没别的意思。知道开源不易,但是这个我跑了一下实在是不能用啊
不知道你测试过没有
首先这个粘贴外部md文档或者是转化后的html,甚至是word复制过来的纯文档,格式都会错乱。搞得我都无语了

然后就是这个复制慢,改格式慢,一篇一两万字的纯文档,加个粗或者改个字体都肉眼可见的卡
实在是没办法用,实在不懂是我没配置好还是编辑器本身的问题。

建议增加的几个功能

  • 1、增加支持段落TOC功能
  • 2、支持复制粘贴md文件,自动转换
  • 3、增加附件插件
  • 4、增加文字选择评论功能

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.