Текстовый редактор Vue.js 2.0+ с открытым исходным кодом в стиле графитового документа.

внешний интерфейс GitHub Vue.js Открытый исходный код
Текстовый редактор Vue.js 2.0+ с открытым исходным кодом в стиле графитового документа.

SMEditor

Build Status
Code Climate
JavaScript Style Guide
Downloads
license

✎ Текстовый редактор, основанный на графическом стиле документа Vue.js 2.0+, легкий, быстрый и элегантный.

онлайн предварительный просмотр

Обратная связь

соединять

Об авторе

причина

использовался раньшеwangEditorНе может удовлетворить потребности нашего редактора и PM, и есть много проблем во время использования,simditorПосле опыта эффект не очень хороший, и он не сохраняется; текущий гик-парк нашей компанииСистема фонового управленияТехнический отбор повернулся к Vue, так что есть это колесо;

Функция

  • [x] легкий, быстрый 48 КБ
  • [x] Автоматически добавлять поле описания изображения (аналогично короткой книге)
  • [x] Копировать загрузку, множественную пакетную загрузку
  • [x] Облегченное резервное копирование, восстановление, предварительный просмотр
  • [x] Код упрощен, подходит для вторичной разработки
  • [x] Другие функции редактора
  • [ ] Мобильный

использовать

// 安装
npm install smeditor

// 引入
import SMEditor from 'smeditor'

// 全局组件
Vue.use(SMEditor)

// 局部组件
components: {
  'smeditor': SMEditor
}

// 使用
<smeditor :config='config'></smeditor>

настроить

const config = {
  // 接口地址
  uploadUrl: '',
  // form 里的 filename
  uploadName: '',
  // 其他参数
  uploadParams: {},
  // 上传成功回调
  uploadCallback: (data) => {
    console.log(data)
    return 'blob:https://fiddle.jshell.net/00a0b0b4-d19a-4860-9796-137692aef36f'
  },
  // 上传失败回调, 可选
  uploadFailed: (err) => {
    console.log(err)
  }
}

горячая клавиша

Ctrl + S 保存
Ctrl + P 预览(新窗口)

работать локально

npm run dev

npm run build

награда

Если вы чувствуете, что что-то приобрели, пожалуйста, дайте мне награду ———— чтобы вдохновить меня на выпуск более высококачественного контента с открытым исходным кодом.

Категории