当前位置: 首页 > 面试题库 >

CKEditor如何以允许React识别的方式与React.js一起使用?

潘兴朝
2023-03-14
问题内容

我已经尝试过使用componentWillMount和componentDidMount从React的上下文中初始化CKEditor,但是无论我尝试哪种组合,它似乎都不起作用。除了切换编辑器之外,还有人找到解决方案吗?


问题答案:

我在Npm上发布了一个将CKEditor与React结合使用的软件包。只需1行代码即可集成到您的项目中。

Github上的链接- https://github.com/codeslayer1/react-
ckeditor

如何使用?

  • 使用安装软件包npm install react-ckeditor-component --save
  • 然后将组件包含在您的React应用中,并将其传递给您的内容以及您需要的其他任何道具(所有道具列在Github页面上)-

<CKEditor activeClass="editor" content={this.state.content} onChange={this.updateContent} />

该软件包使用CKEditor的默认版本,但您也可以使用自定义版本以及所需的任何插件。它还包括一个示例应用程序。希望您会发现它有用。



 类似资料:
  • 我在javascript中使用Reactjs和通过AJAX使用API。我们如何解决这个问题?以前我使用CORS工具,但现在我需要启用CORS。

  • 我使用fetch获取数据,我想用chart.js显示它,而不是显示数据。我错在哪里?如果你帮忙我会很高兴的 我的代码在下面

  • 问题内容: 如果我说Postgres不接受连接,但是如果我说它可以工作 我的 如果我添加以下行,则Postgres服务将启动: 那里怎么了? 更新 我的档案: 问题答案: 在pg_hba.conf中,第 一个匹配 计数。每个文档: 具有匹配的连接类型,客户端地址,请求的数据库和用户名的第一条记录用于执行身份验证。没有“失败”或“备份”:如果选择了一条记录并且验证失败,则不会考虑后续记录。如果没有记

  • 问题内容: click事件可以正常运行,但是onmouseover事件不起作用。 问题答案: 您需要大写一些字母。

  • 问题内容: 我正在创建一个使用webpack-dev-server和react-router进行开发的应用程序。 似乎webpack-dev-server是建立在以下假设的基础上的:您将在一个位置拥有一个公共入口点(即“ /”),而react- router允许无限数量的入口点。 我想要webpack-dev-server的好处,特别是对生产力非常有用的热重载功能,但是我仍然希望能够加载react

  • 我想使用的与chrome API,但我遇到了一个问题... 我尝试了以下操作,但chrome API无法将识别为函数,因此我尝试先将保存为变量。。。 但是当我尝试以下操作时,仍然是一个空字符串。我不明白为什么,因为被设置为。我怎样才能解决这个问题? 编辑 我把剧本叫做... 在剧本里我有以下内容... 其中函数只返回一个字符串。它是由我的捕获的,我通过打印到if语句内的控制台来验证它。 我注意到是