解决办法：每次更新前暂存光标位置，然后重新setValue..
// 记录光标位置
const position = this.aceEditor.getCursorPosition();
// 数据重新赋值
this.aceEditor.getSession().setValue(val);
// 清除
this.aceEditor.clearSelection();
// 移动光标到那个位置
this.aceEditor.moveCursorToPosition(position);
aceEditor 为编辑器实例
是因为数据双向绑定导致的，编辑器接收值后会重新渲染编辑器，会导致光标移动到最开头。 解决办法：每次更新前暂存光标位置，然后重新setValue..// 记录光标位置 const position = this.aceEditor.getCursorPosition(); // 数据重新赋值 this.aceEditor.getSession().setValue(val); // 清除 this.aceEdi...
最近的vue项目中用到了
编辑器
，刚开始使用的wangeditor，但后来由于满足不了更多的需求，现换成了百度的UEditor，踩了很多坑，现在记录一下
1.下载UEditor相关静态文件
链接：https://pan.baidu.com/s/15bUMrmCBt8I69P4lzNZtIA
提取码：5ybv
2.修改UEditor目录 并引入项目
顺利解压完之后，将文件直接放到到项目的public文件中。
下载完之后，还会有ueditor.all.js和ueditor.parse.js方便查看源代码（我这.
1.在ueditor
光标
处插入
内容
使用( inserthtml )
UE.getEditor('editor').execCommand('inserthtml', text);
2.在ueditor已有
内容
的末尾追加
内容
使用
UE.getEditor(Emotion.TchUeditor).setContent('testtext',
true);
3.
光标
焦点在
百度
编辑器
ueditor批量上传图片或者批量上传文件
时
，文件名称和
内容
不符合，错位问题
百度
编辑器
ueditor批量上传附件
时
，上传后的文件和实际文件名称错误，比如实际是文件名“dongcoder.xls”,上传后可能就成了“懂客.xls”。原因就是，上传文件
时
是异步上传，同
时
进行，导致上传完成的顺序和实际的顺序可能是不一样的，文件都有大小的不同。这是百度
编辑器
ueditor的一个BUG。
我的百度
编辑器
版本：1.4.3
修改文件可以解决，相应文件：ueditor\dialogs\attachment\a
相信在使用vue-ueditor-wrap的一些小伙伴也碰到如下的问题，因为需要运用富文本的插件，所以必须想办法解决。
在翻阅了vue-ueditor-wrap的论坛和giHub发现了目前唯一一个解决的方法，便是将vue-ueditor-wrap版本回退到2.4.4版本，这个版本没有
光标
闪回问题。
> = 3.0.0 从npm存储库安装依赖项： npm i ace-builds bootstrap font-awesome
从npm存储库安装ngx-markdown-editor ：
npm i ngx-markdown-editor
在angular.json添加资产，样式和脚本：
" architect " : {
" build " : {
" options " : {
" assets " : [
" glob " : " **/* " ,
" input " : " node_modules/ace-bu
更新重构了代码
编辑器
组件和底层依赖，现已支持更多代码类型。并已正式更名为bin-
ace-editor
,
原代码
编辑器
bin-code-editor停止更新，保留至0.9.0版本。
npm 安装
推荐使用npm安装，它能更好地和打包工具配合使用。而且可以更好的和
es6配合使用。并且支持按需引入
npm i bin-
ace-editor
-S
yarn add bin-
ace-editor
如果您了解node.js、npm安装，并希望配合webpack使用，请阅读下一节：。
在 main.js 中写入以下
内容
：
import Vue from 'vue';
import Editor from 'bin-
ace-editor
';
import App from './App.vue';
// 按需引入需要的语言包皮肤等资源
require('brace
Vue2-
Ace-Editor
是一个将 Ace
编辑器
集成到 Vue.js 2.x 的组件库。Ace
编辑器
是一个基于 Web 技术的代码
编辑器
，支持多种语言和主题，并提供许多强大的功能和扩展性。
使用 Vue2-
Ace-Editor
，你可以在 Vue.js 应用中轻松地添加一个代码
编辑器
，以便用户可以编辑、查看和修改代码。下面是一个简单的示例：
首先，安装 `vue2-
ace-editor
`：
```bash
npm install vue2-
ace-editor
然后，在你的 Vue 组件中引入和使用 Ace
编辑器
：
```html
<template>
<
ace-editor
v-model="code"
:options="editorOptions"
></
ace-editor
>
</template>
<script>
import AceEditor from 'vue2-
ace-editor
';
export default {
components: {
'
ace-editor
': AceEditor,
data() {
return {
code: '',
editorOptions: {
// 在这里可以配置 Ace
编辑器
的选项
// 例如：theme, mode, readOnly 等等
</script>
以上示例中，使用了 `v-model` 来实现双向绑定，将
编辑器
中的代码保存在 `code` 变量中。你可以根据需要配置 `editorOptions` 对象来自定义
编辑器
的行为。
请注意，此示例仅为基本配置示例，你可以根据自己的需求进一步修改和定制。你可以在 Vue2-
Ace-Editor
的文档中找到关于更多配置选项和用法的详细信息。
希望这可以帮助到你！如果有任何问题，请随
时
向我询问。
