aieditor-team/aieditor

AiEditor is a next-generation rich text editor for AI. (AiEditor 是一个面向 AI 的下一代富文本编辑器。)

aieditor's Issues

自动注释多点两次就会出现重复内容

自定义大语言模型时支持Stream流的自定义接收message

在自定义大语言模型时使用的是http stream流返回，通过messageParser时每次的body都会被获取转化，造成了重复，能否在自定义接口提供支持stream流的配置，或者支持message自定义获取返回值

可以支持传入onMessage去处理body内容，再通过messageParser转为aimessage

AI 翻译会出错，而且复制粘贴时，无法粘贴图片。

试用了一下，目前还存在3个大问题希望后续作者能改善：

1、AI翻译时会破坏格式，同时翻译内容会出错，建议可以自定义国内或免费的翻译API接口功能。
2、从网页上复制，再到AiEditor中粘贴时，只能粘贴出文字内容，无法粘贴图片或其它格式。
3、后续可否打包成 exe 或 单文件本地运行？

目前很棒的功能：
1、格式刷功能。
2、字体选择和高亮颜色选择。
3、集成AI功能（还需进一步优化），最好还加上代码补充注释功能。

谢谢！

After trying it out, there are still three big problems that I hope the author can improve in the future:

1. AI translation will destroy the format and the translation content will be wrong. It is recommended to customize the domestic or free translation API interface function.
2. When copying from a web page and pasting it into AiEditor, only text content can be pasted, and pictures or other formats cannot be pasted.
3. Can it be packaged into an exe or a single file and run locally?

Great features so far:

1. Format brush function.
2. Font selection and highlight color selection.
3. Integrate AI functions (needs further optimization), and it is best to add code supplementary annotation functions.

Thanks!

Now the default image initialization size is 350px. Can it be made configurable?

https://github.com/aieditor-team/aieditor/blob/c1b842abfb29cf2dece048798e8dfb2219f702dd/src/extensions/ImageExt.ts#L72

I think it’s better if the extension is configurable

html视频标签渲染错误

1. 版本 1.0.0-beta.9
2. 代码：

onMounted(() => {
 aiEditor = new AiEditor({
   theme: isDark.value ? 'dark' : 'light',
   element: editorRef.value as Element,
   placeholder: '点击输入内容...',
   content:
     '<video controls="true" poster="" width="350"><source src="http://127.0.0.1:5020/storage/2023-12/15/1702605335727.mp4"></video>'
 })

})

3. 渲染结果，视频src为null:

处理一下空值问题

默认值会有一个“

”的空值，在表单校验必填中其实什么也没输入，但是校验能通过

启动报错

pnpm 版本为：7.17.0

怎样隐藏掉最下方的“Powered by AiEditor, Characters: 28”

经典传统风格网站无法访问

会支持 AI 模型切换和配置么？

项目挺不错的，我在找一个自用的富文本编辑器，目前看到是星火的，希望能加一个切换其他模型的，方便对比内容。

如果支持，我可以帮忙把其他模型接进来，这是我写的 通用 AI SDK 模块，但可以直接将代码集成进来，而不是模块。

可参考我给同类的 unit-mesh/b3 项目，就是直接代码迁移过去使用的。

vue3 全屏按钮有bug

点击全屏按钮不是全屏

找不到style.css文件，请问什么原因呢？

pnpm i aieditor@latest

安装最新版的时候的报错

图片参数

可参考下wangeditor

image中的defaultSize不应该是number类型，比如说我需要个百分比，你这边给的默认参数是px

uploaderEvent的onUploadBefore

现在感觉onUploadBefore这个钩子没用，希望能做成return false就会阻止上传，比如图片上传的太大了就要取消上传

Markdown format empty table validation failure

|  |  |
| --- | --- |
|  |  |

1

| 1 |  |
| --- | --- |
|  |  |

The above example raises the following error：

error: Uncaught (in promise) RangeError: Invalid content for node tableHeader: <>

he following example is normal.

| 1 |  |
| --- | --- |
|  |  |

1

@yangfuhai

希望添加手动设置主题的方法

在vue中切换主题都是手动去点的，可能aieditor已经渲染完成了，这时候需要手动去修改主题色。

You may need an additional loader to handle the result of these loaders.

Module parse failed: Unexpected token (16:28)
File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/vue-loader/lib/index.js
  You may need an additional loader to handle the result of these loaders.
  | onMounted(() => {
  | new AiEditor({

  element: divRef.value as Element,

| placeholder: "点击输入内容...",
| content: 'AiEditor 是一个面向 AI 的开源富文本编辑器。 ',

大部分api方法返回值为空怎么处理

图片上传设置uploadFormName参数无效

版本："aieditor": "^1.0.0"

问题现象：

提示参数uploadFormName不存在，在实际上传的时候也没有修改成功。

期望：uploadFormName设置的参数能替换默认的image值

[bug] `ai.model.xinghuo.urlSignatureAlgorithm` failure to perform

The document is described as follows :

new AiEditor({
    element: "#aiEditor",
    ai:{
        model:{
            xinghuo:{
                appId: "****",
                 urlSignatureAlgorithm: async (model)=>{
                    // 通过后端进行 URL 签名，并返回签名完成的 URL 地址
                    return await fetch("/your-path/model?appId="+model.appId)
                       .then(resp=>resp.json)
                       .then(json=>json.url)
                }
            }
        }
    },
})

The type of urlSignatureAlgorithm here is (model: XingHuoModel) => Promise<string>

https://github.com/aieditor-team/AiEditor/blob/main/src/ai/xinghuo/XingHuoModel.ts#L40

    startWithProcessor(selectedText: string, prompt: string, processor: AiMessageProcessor): void {
        const url = this.urlSignatureAlgorithm ? this.urlSignatureAlgorithm(this) : this.createUrl();
        this.socket = new XingHuoSocket(url, processor, this.appId, this.version);
        for (let listener of this.listeners) {
            this.socket.addListener(listener);
        }
        this.socket.start(`${selectedText}\n${prompt}`)
    }

Here, there is no waiting for the Promise to be evaluated, so it is impossible to obtain the pre-fetched result.

单独复制一张网络图片在编辑器中会出现两张图

添加一个查看源代码

这样可以自己修改代码，markdown 方式也行

希望能加入自定义接口

场景应该是垂直行业内部编辑功能，希望能调用接口来补全语句，或者根据一些内部文档来生成一些段落等！

字体支持 `霞鹜文楷` 吗？

在网页上嵌入：lxgw/LxgwWenKai#24

现在微信读书也支持这个字体

空值合并操作符 写法要去除掉

空值合并操作符 写法在一些老项目中无法被编译识别，可以优化成三目运算。

上传图片时允许自定义请求参数image=>files

原始请求：

请求后端时，参数为image

期望增加一个属性，可以替换这个image，如改为 files。

因为后端接口是现成的，跟这个参数可能不匹配。

目前只测试了图片上传，附件上传和视频上传如果也是一样的，期待能一起调整。

如何在nuxt3中进行使用？