社区首页 >问答首页 >带有设计的Draft.js初始文本

问带有设计的Draft.js初始文本
EN

Stack Overflow用户

提问于 2021-06-30 07:15:38

回答 1查看 51关注 0票数 0

我正在使用带有React的Draft.js。用户可以添加带有样式的文本并将其保存到数据库中。我希望用户也能够编辑，所以我使用：

EditorState.createWithContent(ContentState.createFromText(text))

使用文本对编辑器进行首字母缩写，但不显示设计(粗体、带链接插入、下划线等)。如何上传带有设计的初始文本？

draftjs

reactjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-07-01 07:39:08

您应该存储包含所有格式和实体的原始状态。

要获取原始状态，请使用以下代码：

    const content = editorState.getCurrentContent();
    const contentToDb= convertToRaw(content);

恢复原始状态的步骤：

    const rawContent = convertFromRaw(contentFromDb);
    const state = EditorState.createWithContent(rawContent);
    setEditorState(state);

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68190059

复制

HTML 表单和输入

html

表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

用户8442333

2021/08/21

2K0

6.HTML输入表单标签元素介绍

html 表单浏览器数据搜索

描述: 表单是一个包含表单元素的区域，表单元素是允许用户在表单中输入内容,其包含文本框、文本域(textarea)、按钮、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等元素都要放在form标签里面或者进行form的id值的调用，否则提交的数据到不了后端。

全栈工程师修炼指南

2023/03/21

4.6K0

html5 input 表单手机搜索

一、HTML5 新增 input 表单 ---- HTML5 新增 input 表单 : 邮箱输入表单 : 必须输入邮箱 , 如果输入格式错误 , 提交时会在对话框中报错 ; <input type="email" /> URL 输入表单 : 只能输入网址 , 格式错误会在对话框中报错 ; <input type="url" /> 日期输入表单 : 右侧的下拉菜单选择日期 ; 如果在手机中打开 , 会弹出手机中自带的日期选择对话框 ; <input type="date" /> 时间输入表

韩曙亮

2023/04/24

3.4K0

【HTML5】HTML5 新增 input 表单 ( 邮箱输入表单 | 网址输入表单 | 日期输入表单 | 时间输入表单 | 电话输入表单 | 搜索栏输入表单 | 颜色选择器输入表单 )

多媒体视频标签和表单标签

controls input media mp4 video

Qwe7

2022/05/21

4670

Flask-3 表单和输入验证

python flask html

flask-wtf是一个表单集成插件，包括CSRF，文件上传和Recaptcha集成等。

XXXX-user

2019/07/23

1.7K0

【网页前端】HTML基本语法之排版标签和表单标签

html http 腾讯云测试服务

1.2.5 按钮标签： button （扩展-了解）

陶然同学

2023/02/27

1.1K0

python tkinter输入表单

serverless

""" use StringVar variables lay out by columns: this might not align horizontally everywhere (see entry2) """

用户5760343

2022/05/13

1.2K0

Vue表单输入绑定

编程算法

表单控件的数据绑定就是用v-model指令实现的，它会根据控件类型自动选取正确的方法更新元素。由于表单控件有不同的类型，如文本输入框、复选框、单选按钮、选择框等，v-model指令在不同的表单控件上应用时也会有所差异。

别团等shy哥发育

2023/02/25

7.3K0

HTML基础——表单标签

html

1. 表单的介绍表单用于搜集不同类型的用户输入(用户输入的数据)，然后可以把用户数据提交到web服务器。 2. 表单相关标签的使用 <form>标签表示表单标签，定义整体的表单区域 <label>标签表示表单元素的文字标注标签，定义文字标注 <input>标签表示表单元素的用户输入标签，定义不同类型的用户输入数据方式 type属性 type="text" 定义单行文本输入框 type="password" 定义密码输入框 type="radio" 定义单选框 type="checkbox" 定

落雨

2022/06/02

5.9K0

bootstrap 禁止输入表单

class form input label select

<form class="form-horizontal" role="form"> <fieldset disabled> <div class="form-group"> <label for="disabledTextInput" class="col-sm-2 control-label">禁用输入（Fieldset disabled）</label> <div class="col-sm-10"> <input type="text" id="disabledTextInput" class="form-control" placeholder="禁止输入"> </div> </div> <div class="form-group"> <label for="disabledSelect" class="col-sm-2 control-label">禁用选择菜单（Fieldset disabled）</label> <div class="col-sm-10"> <select id="disabledSelect" class="form-control"> <option>禁止选择</option> </select> </div> </div> </fieldset> </form>

用户5760343

2019/07/07

1.7K0

【HTML】HTML 表单 ③ ( label 标签 | 增大表单触发面积 | label 标签包含表单 | 通过 label 标签的 for 属性控制触发表单 )

html input label 表单用户体验

label 标签不属于表单 , 但是经常与表单 input 标签一起使用 ;

韩曙亮

2023/03/30

3.6K0

【HTML】HTML 表单 ③ ( label 标签 | 增大表单触发面积 | label 标签包含表单 | 通过 label 标签的 for 属性控制触发表单 )

html表单提交_html表单标签有哪些

action get post web服务器表单

name属性设置表单元素的名称，该名称是提交数据时的参数名 value属性设置表单元素的值，该值是提交数据时参数名所对应的值

全栈程序员站长

2022/11/09

2.8K0

WordPress 标签的固定链接可以使用 ID 吗？

wordpress 插件管理后台优化

如果标签没有设置别名，那么固定链接就会带有中文，然后被 urlencode 转义成下面的字符串：

Denis

2023/04/13

1.3K0

React处理多表单输入

react button email form 表单

明知山

2023/07/24

1520

[python从入门到放弃]用pyautogui批量输入表单

python

STEP2：安装pyautogui，命令行输入pip install pyautogui

周星星9527

2019/08/06

1.7K0

Vue 3 表单输入绑定

编程算法 ios php

你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。

公众号---人生代码

2020/11/03

2.1K0

十五、Vue表单输入绑定

网络安全 https ide vue.js html

十五、Vue表单输入绑定

Java架构师必看

2021/05/14

1.3K0

自举电路可以增加输入阻抗，你知道吗？

https://www.dianyuan.com/eestar/article-2127.html

工程师看海

2022/06/23

5280

表单输入框聚焦效果

css

css 代码,当然你使用类选择器也是可以的,这里我使用了 css 的属性选择器关于选择器的优先级,可自行尝试测试:

itclanCoder

2020/10/28

1.5K0

注册页面案例_表单标签

其他

注册页面案例_表单标签效果如下：示例代码如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <

黑泽君

2018/10/11

1.2K0

相似问题

输入type=“提交”Vs按钮标签，它们可以互换吗？

915

===和!=可以互换使用吗？

compact()和with()可以互换吗？

116

<?>和<E>可以互换吗？

“返回”和“返回”可以互换吗？

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问带有设计的Draft.js初始文本
EN

回答 1

Stack Overflow用户

输入type=“提交”Vs按钮标签，它们可以互换吗？

===和!=可以互换使用吗？

compact()和with()可以互换吗？

<?>和<E>可以互换吗？

“返回”和“返回”可以互换吗？

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有设计的Draft.js初始文本EN

回答 1

Stack Overflow用户

输入type=“提交”Vs按钮标签，它们可以互换吗？

===和!=可以互换使用吗？

compact()和with()可以互换吗？

<?>和<E>可以互换吗？

“返回”和“返回”可以互换吗？

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有设计的Draft.js初始文本
EN