Skip to content

cheny-stack/ssml-editor

 
 

Repository files navigation

ssml-editor

模仿魔音工坊UISSML编辑器
根据微软语音文档生成SSML, 可配合大佬项目tts-vue一起使用

预览

在线体验

开始

详细使用方法请参考ssml-editor-demo项目

一、环境

  • Node 18

二、开始

1.安装插件

yarn add @mekumiao/ssml-editor

2.使用

src/main.ts

import { createApp } from 'vue' import App from './App.vue' import '@mekumiao/ssml-editor/dist/style.css' import SSMLEditor from '@mekumiao/ssml-editor' const app = createApp(App) app.use(SSMLEditor) app.mount('#app')

src/App.vue

<script setup lang="ts"> import { EditorView } from '@mekumiao/ssml-editor' </script> <template> <EditorView></EditorView> </template> <style scoped></style>

开发指南

开发指南

参考

  1. 阿里TTS
  2. wangEditor 5
  3. slate-table
  4. wangEditor
  5. SlateNode | SlateTransforms | SlateNormalizing

About

基于wangeditor实现的支持SSML语法的编辑器

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 61.8%
  • Vue 35.1%
  • SCSS 1.4%
  • CSS 1.2%
  • Other 0.5%