首页 > 解决方案 > html标记作为ckeditor4-react中的placeHolder

问题描述

我在我的项目中使用 ckeditor4-react"ckeditor4-react": "1.4.2", 这是我的代码

import CKEditor from "ckeditor4-react";
<CKEditor
    ref={ref}
    onBlur={(value) => input.onBlur()}
    data={input.value}
    onChange={(event) => input.onChange(event.editor.getData())}
    config={{
      extraPlugins: "editorplaceholder",
      editorplaceholder: props.placeHolder,
      toolbar: [
        [
          "Bold",
          "Italic",
          "Undo",
          "Redo",
          "Link",
          "Unlink",
          "NumberedList",
          "BulletedList",
          "Placeholder",
        ],
      ],
      on: {
        instanceReady: (e) => {
          setEditorInstance(e.editor);
        },
      },
    }}
  />

这里我从父组件接收占位符,它是字符串 有没有办法像这样在这里添加 html 标记?

"editorplaceholder"=<p>hello <br/> how are you </p>

标签: reactjsckeditorckeditor4.xckeditor4-react

解决方案


推荐阅读