harrychen0506 / react-markdown-editor-lite Goto Github PK

开发环境可以正常使用，build之后出现了错误，请问有遇到过吗？

在Antd的From表单内无法使用，一输入就报t.replace is not a function的错误

可不可以新增一个getNavigation获取h[1-6]标题，生成标题目录，点击目录滚动到指定标题下，
类似这种，这个是我看到别人的vue，但是我比较喜欢你的简洁，但是我是个后端人员，改不来您的代码，😂，谢谢

Hi Support,

Can we use Keyboard shortcuts using this module ?

Thanks

You may want to replace this line by:

static useLocale = i18n.setCurrent.bind(i18n);

This makes sure that the function is called in the right context.

这里如何使语法高亮呢

I'm using unform for form management and trying to create a custom input for MdEditor. This seems to require a ref to the underlying input/textarea but I don't see a way to pass this through to to the editor (example using simple code editor w/ unform shows what I'm trying to do: unform react simple code editor example .

比如我截图 然后在编辑区ctrl+v 直接上传图片那种 可以支持么

I'm using Material-UI on my project where I have configured a dark theme using Material UIs ThemeProvider.

When my theme is on darkmode this editor doesn't change to dark, it just remains white.

Is this editor configurable with themes or even override the css themes.

Thanks.

onImageUpload={(file, callback) => void}

依照现在的做法，向callback传入url可以插入图片。

如果callback这个参数所使用的函数能单独提供出来的话，就能满足图片添加功能的二次开发，例如
做一个弹窗，能选择输入url链接或者上传图片。

同类比，工具栏上其他的功能是否也能单独提供这样的callback？
或者统一成一个方法，实现不同内容的插入？

With the upgrade from minor version 0.5.1. to 0.6.0, I've noticed that I can no longer type the characters 'y' and 'z' into the text area. Downgrading to 0.5.1 returns that functionality.

Is it possible to have the editor pane grow to always show all it's content?

I just upgraded this library to the latest version and now I got one error which is that name is now a required property of the MdEditor component.

I would like to know why the changes? Why is it required? And most importantly how does it affect my app?

Thank you, and thank you for this library.

Hi,

Rest of the plugins are all working for me but Underline is not working.

How can I set placeholder on textarea?

When I add a ref to the component, I see there is nodeMdText.current, but it always seems to be null.

I am adding ref like this...
ref={node => (this.mdEditor = node || undefined)}

...and then trying...
this.mdEditor.nodeMdText.current.focus();

有没有可能 只打开编辑器 不展示preview 也不让用户点击 ？想自定义 preview 发现就算设置了

view: { menu: true, md: true, html: false }

依然没办法保证只展示 eidtor

The configuration docs mentions the following editor configuration attributes: config.imageAccept, config.table.maxRow, config.table.maxCol, but currently none is respected (e.g. the official demo renders table plugin 6x6, even though the default configuration says 4x6).

The problem is that these plugins call getConfig:

But the getConfig function looks up the options in the plugin configuration, not the editor configuration:

Either the plugins should use the global configuration, or the global configuration options should be removed in favor of plugin specific configuration (in that case it would be great to have an example of how to configure the built-in plugins).

I'm trying to get the Markdown from the handleEditorChange as described in your first example but getting just undefined (whereas html is fine)...

handleEditorChange ({html, md}) {    
    console.log('handleEditorChange', html, md)
}

Any idea?

thanks in advance

线上环境：user: zlx,pass: 123,当编辑器内无内容的时候，点击toolbar插入任何内容，都会报这个错：
，我自己试了下，应该是mdEditor.js中value默认值的问题

  componentWillReceiveProps(nextProps) {
    if (nextProps.value === this.props.value) {
      return
    }   
    // let {value} = nextProps   //  value为undefined时，报错
    let {value = ''} = nextProps  // value给默认值，即可解决
    const {text} = this.state
    value = value && value.replace(/↵/g, '\n')    
    this.setState({
      text: value,
      html: this.renderHTML(value)
    })
  }

如果可以，烦请修复一下。

只读模式

用户点击toolbar和menu 预览区和编辑区显示变化的触发函数是什么。
另外演示demo中为什么没有toolbar…什么配置取消的

图片按钮，必须是选择本地文件吗？
参考一下 这个 支持2形式
vue 编辑器

For some validation libraries in React is mandatory to have a name attribute. It would be nice to be able to add a prop name to the <textarea> element here:

没看懂文档

正在使用，如何设置打开就是预览页面，不能编辑。

I want to add length validation and character validation on editor input. Please provide ability to user keydown event of editor

• 重构工具栏部分，支持插拔，支持插件
• 重构预览部分，并将预览按钮移动至工具栏
• 改进渲染功能，支持诸如react-markdown这类将markdown渲染为ReactNode的渲染引擎
• 功能：支持直接粘贴图片、图片拖拽
• 功能：支持更多API，供插件使用

I'm trying to hide the both preview and editor side-by-side view mode so I can have either full-view preview or full-view editor.
I don't see this option in the canView

如何让左边的代码编辑区域高亮，保持md书写到哪编辑区域和预览区域显示的位置一样

支持隐藏部分功能按钮吗

如题
React版本16.6.3
react-markdown-editor-lite版本1.0.2

刷新前Menu中的插件icon丢失，刷新后Editor全局样式丢失

My application renders react components in both server and client (SSR), and I'm transpiling my server as well as client code with Webpack.
I run into some problems compiling this package at the server because navigator is not available in NodeJS environment.

Is it possible to add an extra check on existence of the navigator variable, in order to avoid this compilation problem?
Thanks.

当我给外层div设置固定高度的时候 markdown内容部分滚动的时候会出现报错Cannot read property 'scrollHeight' of null

Using version 1.1.0 and get this error when trying run.

./node_modules/react-markdown-editor-lite/lib/index.js
Cannot find file: 'index.js' does not match the corresponding name on disk: './node_modules/React/react'.

Using create-react-app with [email protected]

After adding react-markdown-editor-lite through npm install I get two typing errors in /lib/index.d.ts
TS2694 (TS) Namespace 'React' has no exported member 'HTMLAttributes'. and TS2314 (TS) Generic type 'Promise<T>' requires 1 type argument(s)..

React versions:

• react: 16.9.0
• @types/react: 16.9.11

How to fix this errors?

Can we add a travis build status badge to the readme? Something like this.

My code is almost same like the example.

import React from 'react';
import MarkdownIt from 'markdown-it'
import MdEditor from 'react-markdown-editor-lite'
// import style manually
import 'react-markdown-editor-lite/lib/index.css';

const CreatePost = () => {
    const mdParser = new MarkdownIt(/* Markdown-it options */);

    const handleEditorChange = ({ html, text }) => {
        console.log('handleEditorChange', html, text)
    }
    return (
        <div>
            <MdEditor
                value=""
                renderHTML={(text) => mdParser.render(text)}
                onChange={handleEditorChange}
            />
        </div>
    );
}

export default CreatePost;

会把编辑器以外的字体图标给覆盖了。

You are adding alt text to img tag which is selected on editor. It should be the name of image which is uploading. Can I get it fixed as soon as possible?

const handleGetHtmlValue = () => {    
    alert(MdEditor.getHtmlValue())
  }

<MdEditor **_ref={node => this.mdEditor = node}_** value={MOCK_DATA} style={{height: '400px'}} renderHTML={this.renderHTML} config={{ view: { menu: true, md: true, html: true, fullScreen: true }, imageUrl: 'https://octodex.github.com/images/minion.png' }} onChange={this.handleEditorChange} onImageUpload={this.handleImageUpload} // onCustomImageUpload={this.onCustomImageUpload} // if using onCustomImageUpload, onImageUpload will be not working onBeforeClear={this.onBeforeClear} />
showing error

Is there a way to disable/hide full screen option from top menu? I went through the config options but couldn't find one.

要弄黑夜模式，发现 section-container html-wrap 区域和 HTML 区域之间有边距。

when use controled component by set value, there is always a <p>&lt;</p> tag in the editor content that can not be removed