vue2，tinymce怎么设置首行缩进

在Vue2中，如果你想要集成TinyMCE富文本编辑器并设置默认的首行缩进，首先你需要安装TinyMCE的Vue插件，例如`vue-tinymce-v4`。以下是设置首行缩进的基本步骤：

1. 安装依赖：

   npm install vue-tinymce-v4 tinymce

2. 在组件文件中导入并配置TinyMCE：

<template>
  <div ref="tinymceEditor">
    <!-- 编辑区域 -->
  </div>
</template>

<script>
import { TinyMceComponent } from 'vue-tinymce-v4';

export default {
  components: {
    TinyMce: TinyMceComponent,
  },
  data() {
    return {
      tinymceOptions: {
        selector: '#tinymceEditor',
        plugins: 'advlist autolink lists link image charmap print preview hr anchor pagebreak spellchecker', // 配置需要的插件
        toolbar: 'bold italic underline strikethrough bullist numlist outdent indent | alignleft aligncenter alignright justify', // 设置工具栏
        setup: function(editor) {
          editor.on('init', function () {
            editor.setContent('<p style="text-indent: 2em;">这是有首行缩进的段落</p>'); // 设置初始内容并添加首行缩进
          });
        },
      },
    };
  },
};
</script>

这里我们在初始化TinyMCE时，通过`setup`回调函数设置了内容的样式，将首行缩进设为了2em。