vue-quill-editor 在指定位置插入文字

最新推荐文章于 2025-04-08 10:45:51 发布

小子_dream

最新推荐文章于 2025-04-08 10:45:51 发布

阅读量2k

点赞数

分类专栏： VUE 文章标签： vue js vue.js

本文链接：https://blog.youkuaiyun.com/u012685692/article/details/113752275

版权

该博客展示了一个使用Quill编辑器在指定位置插入文字的示例。通过JavaScript函数`clickMe()`，当用户点击按钮时，编辑器会在光标位置或已选中文本前插入随机数字和文本。代码中包含了Quill编辑器的引入和基本配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为项目需求需要在编辑器的指定位置插入文字，话不多说直接上代码

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8>
    <meta name=viewport content="width=device-width,initial-scale=1">
    <title>vue_back</title>
    <link href=/static/css/app.23b4d95f1a5c49396715d274d0679b1d.css rel=stylesheet>
</head>
<body>
    <link href="https://cdn.staticfile.org/quill/1.3.6/quill.snow.css" rel="stylesheet">

    <!-- 创建容器 -->
    <div id="editor">
        <p>Hello World!</p>
        <p>Some initial <strong>bold</strong> text</p>
        <p><br></p>
    </div>
    <a onclick="clickMe()" >点击插入</a>
    <!-- 引入Quill -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script sr