如何在 React CKEDITOR 中添加占位符

Posted

技术标签:

【中文标题】如何在 React CKEDITOR 中添加占位符【英文标题】:How can I add a Placeholder in a React CKEDITOR 【发布时间】:2019-03-27 15:48:47 【问题描述】:

我已阅读 ckeditor 关于 React Context 的文档,但我找不到如何在 CKEditor 上制作占位符。

这是 react ckeditor react ckeditor的链接

这是示例代码:

<CKEditor
    onInit=editor => 
        // Insert the toolbar before the editable area.
        editor.ui.view.editable.element.parentElement.insertBefore(
        editor.ui.view.toolbar.element,
        editor.ui.view.editable.element);
        name=this.state.body
        onChange=this.handleEditorChange
        editor=DecoupledEditor
        data=this.state.body
        />

【问题讨论】:

见github.com/ckeditor/ckeditor5/issues/479 【参考方案1】:
<CKEditor 
  config=placeholder: "Placeholder text..." 
  ... 
  />

为我工作

【讨论】:

有什么方法可以给占位符添加换行符吗?我尝试了多种方法,但我无法添加换行符!

以上是关于如何在 React CKEDITOR 中添加占位符的主要内容,如果未能解决你的问题,请参考以下文章

试图将占位符添加到CKeditor 4,但没有任何运气

CKEditor 占位符角 2

如何在 React Native 中更改 textInput 占位符的字体系列

如何在 React Native 中更改 TextInput 占位符的样式?

如何在 intl.formatMessage 中使用占位符

如何在 React Material UI TextField 中居中占位符和文本