Публикации по теме 'draftjs'
Draft.js в примерах: все, что вам нужно знать
Платформа редактора Rich Text Editor для React
Draft.js - это популярный фреймворк для создания любого типа ввода форматированного текста, независимо от того, хотите ли вы поддержать несколько встроенных текстовых стилей или создать сложный текстовый редактор для создания длинных статей. Он используется в Facebook, Medium и многих других популярных веб-приложениях. Он хорошо адаптирован для различных настольных браузеров, но по-прежнему не поддерживает мобильные браузеры. Есть..
Вопросы по теме 'draftjs'
как применить валидацию в draftjs
У меня есть форма, которая включает электронную почту от, тему и текст, в котором используются черновики для редактора форматированного текста. Я мог бы проверить другие поля, но как я могу проверить редактор draftjs. Когда я нажимаю на редактор для...
1169 просмотров
schedule
03.10.2021
Блочные данные и данные сущности в draftjs
Меня смутило значение данных блока и данных сущности в draftjs. Как показано на рисунке ниже.
Почему мы используем entity для хранения атрибута src ?
Почему бы не использовать объект blocks[1].data для хранения атрибута src ?
441 просмотров
schedule
19.10.2021
Draft.js вставляет одно contentState в другое
У меня есть редактор Draft.js с HTML-кодом. Как я могу вставить новый фрагмент HTML в текущую позицию выделения, сохранив стили и сопоставления сущностей / блоков? Я знаю, как вставить необработанный текст через Modifier.insertText :
const...
795 просмотров
schedule
26.11.2021
Как устранить ошибку "Объект, возможно, нулевой" в TS?
У меня проблема, аналогичная этой теме , используя Draft.js с React и Typescript. Используя тот же код, что и в примере их документации, я получаю Object is possibly 'null' ошибку в функции focusEditor . Он сохраняется, даже когда я проверяю...
2729 просмотров
schedule
11.10.2021
Встроенный стиль не работает в draft-js convertFromHTML
Я использую draft-js для поля RTF. Я хотел установить некоторый контент HTMl в draftjs. когда я пытаюсь установить обычный HTML без какого-либо атрибута стиля, он работает нормально, но когда я передаю HTML с атрибутом style или любым другим...
544 просмотров
schedule
12.11.2021
Невозможно обновить состояние с помощью editorState с сервера в ReactJs для draftJs
Я реализовал редактор форматированного текста для React с поддержкой draftJs.
Я отправляю данные editorState на сервер после преобразования в необработанные данные и преобразования их в строку. Это хорошо работает для рендеринга в интерфейсе...
142 просмотров
schedule
29.09.2021
Есть ли способ получить стиль под cusor в draft.js?
Как видите, курсор находится внутри жирных символов, поэтому следующий символ тоже будет жирным. Редактор заметил это и активировал жирную кнопку на панели инструментов.
Как я могу проверить стиль под курсором в draft.js, как показано выше?
1146 просмотров
schedule
16.03.2022
Проблема с загрузкой текста в редакторе response-draft-wysiwyg
В свой проект я интегрировал редактор от react-draft-wysiwyg. Теперь мне нужно протестировать текстовый редактор, загрузив в него текстовые данные. Я пытался следовать документации и моему коду в настоящее время выглядит так:
import React, {...
1312 просмотров
schedule
12.03.2022
Сделайте редактор DraftJS управляемым Formik: строковое значение плохо конвертируется в EditorState
Я использую редактор response-draft-wysiwyg, состояние которого должно контролироваться Formik. Идея состоит в том, что значение Formik является строкой, поэтому состояние редактора преобразуется в HTML с помощью stateToHTML и устанавливается как...
2585 просмотров
schedule
11.04.2022
Draft.js Невозможно преобразовать undefined или null в объект convertFromRaw
Я сохраняю свой html-код в базе данных sql в формате json
const content = this.state.editorState.getCurrentContent();
const raw = JSON.stringify(convertToRaw(content))
сырье
{"entityMap": {}, "blocks": [{"key": "4bk88", "text":...
487 просмотров
schedule
26.06.2022
Автофокус редактора тестов Draftjs
Как я могу убедиться, что единственное текстовое поле draft-js в моем пользовательском интерфейсе автоматически фокусируется на загрузке страницы?
Существует задокументированный метод под названием focus , однако я не уверен в синтаксис,...
2957 просмотров
schedule
18.08.2022
Как сохранить данные Draft.js с помощью GraphQL
Я искал вверх и вниз. Но я нашел, как convertToRaw и convertFromRaw . Это здорово, но как отправить необработанные данные с помощью GraphQL?
Вариант 1:
Первое, что пришло в голову, просто используйте JSON.stringify(..) , создайте...
467 просмотров
schedule
19.08.2022
Как автоматически расширить выделение на весь связанный текст в Draft.js?
Я разрабатываю редактор форматированного текста с помощью Draft.js (и это здорово!). Следующий код, который позволяет пользователю редактировать ссылку, логически работает нормально, но меня не устраивает пользовательский интерфейс.
Если...
648 просмотров
schedule
23.09.2022
draftjs как запустить редактор с содержимым
Наткнулся на классный текстовый редактор draft.js от Facebook. Я пытался следовать примеру в Github, но я хочу создать редактор с контентом вместо пустого редактора.
var EditorState = Draft.EditorState;
var RichEditor = React.createClass({...
42429 просмотров
schedule
02.12.2022
Обнаружить конец редактора Draft.js с определенной высотой
Я пытаюсь сделать простой тестовый редактор с помощью Draft.js и React.
Я хочу, чтобы мой редактор выглядел как Word или LibreOffice: страница с заданной высотой и новая страница создаются, когда вы достигаете нижней части страницы.
У меня есть...
1752 просмотров
schedule
10.10.2023
Вложенные цитаты в Draft JS
Мне интересно, можно ли вложить blockquote в черновик js? На данный момент я использую convertFromHTML для преобразования ряда вложенных тегов blockquote в ContentState , но кажется, что учитывается только первый blockquote .
Спасибо!
1287 просмотров
schedule
29.12.2022
Лучший метод проверки производительности, чтобы проверить, изменилось ли содержание ContentState в DraftJS или просто editorState
Я пытаюсь запустить функцию только тогда, когда изменился сам contentState, а не только editorState.
Моя идея сейчас заключалась бы в том, чтобы сохранить старое contentState в виде строки и сравнить его с новым contentState в виде строки, но...
2412 просмотров
schedule
10.06.2023
Как реализовать ссылку в draft.js?
Официальная ссылка пример не работает (есть в функцию findLinkEntities не передается contentState). Существуют ли другие реализации ссылки через draft.js?
4339 просмотров
schedule
11.12.2022
Как реализовать трансклюзию с помощью React (Draft.js) и Rails
Я создал редактор Draft.js в своем приложении Rails. Я использую convertToRaw() и convertFromRaw() для сохранения своего состояния на сервер и восстановить его позже.
Теперь я хочу добавить пользовательский компонент блока Todo, как...
206 просмотров
schedule
14.04.2023
Проект JS распознает img из HTML
Я использую draft-js Facebook для создания WYSIWYG. Я пытаюсь преобразовать HTML в editorState, используя собственный convertFromHtml . Но он не распознает тег img .
import draftJs from 'draft-js'
const blocksFromHTML =...
1244 просмотров
schedule
07.07.2023