for-editor

基于 React 的 Markdown 编辑器插件
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 程序开发、 Markdown开发包
软件类型 开源软件
地区 国产
投 递 者 宓英哲
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

for-editor是一款react下的markdown编辑器,拥有预览,快捷添加标签功能,后续逐步完善更多功能。

欢迎issue,欢迎star。

for-editor 安装

npm install for-editor -S

for-editor 使用

import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import Editor from 'for-editor'
 
class App extends Component {
  constructor() {
    super()
    this.state = {
      value: ''
    }
  }
 
  handleChange(value) {
    this.setState({
      value
    })
  }
 
  render() {
    const { value } = this.state
    return (
      <Editor value={value} onChange={this.handleChange.bind(this)} />
    )
  }
}
 
ReactDOM.render(
  <Editor />,
  document.getElementById('container')
)
  • 关于for-editor 开始接触for-editor是因为想自己写一个基于Git的支持markdown的笔记本PC应用,常用开发框架是React、在PC端的开发工具的选择上选择了吃内存狂魔electron,就这样抱着能不造轮子就不造轮子的原则开始使用了for-editor(虽然之后没有打算继续开发)。for-editor如果对于语法的支持没有太高的要求的话,是一个非常优秀、简洁的编辑器组件。支持

  • tui-editor安装报错处理方法 项目中yarn或npm install时,tui-editor(富文本编辑器插件)安装报错。 显示 warning tui-editor > highlight.js@9.18.5: Support has ended for 9.x series. Upgrade to @latest error An unexpected error occurred:

  • 字体和字号问题的解决感谢下面地址 添加链接描述 下面是结合自己的项目 自定义:字体和字号 <template> <div> <quill-editor v-model="content" ref="editorRef" :options="editorOption" @focus="onEditorFocus($event)" @blur="onEditor

  • 最近使用vue-quill-editor,发现字体加粗、斜体、颜色都失效了,排查并没有样式冲突。 后来发现是由于处理粘贴内容的时候,处理insert的时候把样式去除了 clipboard: { // 粘贴版,处理粘贴时候带图片 matchers: [[Node.ELEMENT_NODE, this.handleCustomMatcher]], }, handleCustomMatcher

  • 初始化monaco-editor 微软的开源项目有点坑,纯英文的文档对很多刚开始前端的小朋友很不友好,刚好这段时间公司的项目遇到了文本编辑,发现这个居然是微软的vscode网页版,巧了,刚好开发工具正是vscode,秉着用了这么久我还不熟悉你这玩意的心态,就开始看着官方文档琢磨了,没想到这玩意是真的坑,文档不全的厉害,很多修改难弄的很。一路写下来真的是头疼的厉害 第一步:肯定是初始化这个插件 np

  • 示例:https://prism-editor.netlify.com/ 插件地址:https://github.com/koca/vue-prism-editor 安装 npm install vue-prism-editor or yarn add vue-prism-editor 使用姿势 <template> <prism-editor :code="code" language=

  • npm install 出错 npm ERR! Error while executing: npm ERR! /usr/bin/git ls-remote -h -t git://github.com/adobe-webplatform/eve.git npm ERR! npm ERR! fatal: remote error: npm ERR! The unauthenticated git

 相关资料
  • react-markdown-editor 是 React.js 和 TypeScript 实现的 Markdown 编辑器。 Markdown 编辑器带预览功能 安装 npm i @uiw/react-markdown-editor 文档 文档实例预览:demo preview (����中国镜像网站) 使用 import MarkdownEditor from '@uiw/react-mark

  • 本来使用 simplemde-markdown-editor 作为 markdown 编辑器,但这个库很久不更新和维护了,而且还有 xss 风险。所以在 版本之后使用 tui.editor作为新的编辑器,接下来所有的文档都是基于 tui.editor 它的。更多内容。 Props Name Type Default Description value String " " This prop ca

  • react-markdown-editor-lite 中文说明 A light-weight(20KB zipped) Markdown editor of React component Supports TypeScript Supports custom markdown parser Full markdown support Supports pluggable function bar

  • 在线版 1. dillinger 漂亮强大,支持md, html, pdf 文件导出。支持dropbox, onedrive,google drive, github. 来自国外,可能不够稳定。 2. StackEdit 输出美观大方,可本地保存,还有拼写检查,但是对中文支持不好,可以从截图中看到,中文全部被标记为拼写错误,而且源代码中汉字的字间距太大。 3. MaHua 小众软件推荐,界面有些简

  • 本插件是1.x版本基于osc开源的thinker-md制作的根据蝉知zentaophp框架插件扩展机制编写的只适合于蝉知4.4版本的markdown编辑器。基于thinker-md集成的开源marked markdown to html 脚本制作了一个简单高效的tohtml.js脚本以便较大限度帮助蝉知用户前台展示markdown内容。 2.0后的版本是基于editormd的 还请大家相互告知,更

  • 目前,我正在创建基于Eclipse4的RCP应用程序,它有部分(视图和编辑器)。我想添加一个基于GEF的图形编辑器。但是没有找到任何关于Eclipse4和GEF的教程。 目前,我也看到了GEF4,但它的渲染引擎是JavaFX。我不应该使用GEF4,因为我必须提供图形编辑器和不同部分之间的拖放功能。

  • 您不需要拥有自己的环境来开始学习C编程! 我们为您设置了一个在线编译器,可用于在线编译和执行程序。 对于本教程中提供的大多数示例,您将在代码框的右上角找到“试用”选项。 使用它来验证程序并使用不同的选项检查结果。 随意修改任何示例并在线执行。 一个HTML5编辑器 ,您可以在其中键入HTML/XHTML代码并在线查看结果。

  • Windows下全功能的Markdown编辑器(x86桌面版),软件截图如下: MarkDownEditor与该平台其他主流编辑器的比较如图: 主要功能其实在上面的表格里面都有介绍,我就捡几个重要的feature说: 支持Markdown,Strict Markdown,Github Markdown,PHP Markdown Extra,MultiMarkdown,CommonMark这6中Ma