Публикации по теме 'draftjs'


Draft.js в примерах: все, что вам нужно знать
Платформа редактора Rich Text Editor для React Draft.js - это популярный фреймворк для создания любого типа ввода форматированного текста, независимо от того, хотите ли вы поддержать несколько встроенных текстовых стилей или создать сложный текстовый редактор для создания длинных статей. Он используется в Facebook, Medium и многих других популярных веб-приложениях. Он хорошо адаптирован для различных настольных браузеров, но по-прежнему не поддерживает мобильные браузеры. Есть..

Вопросы по теме 'draftjs'

как применить валидацию в draftjs
У меня есть форма, которая включает электронную почту от, тему и текст, в котором используются черновики для редактора форматированного текста. Я мог бы проверить другие поля, но как я могу проверить редактор draftjs. Когда я нажимаю на редактор для...
1169 просмотров

Блочные данные и данные сущности в draftjs
Меня смутило значение данных блока и данных сущности в draftjs. Как показано на рисунке ниже. Почему мы используем entity для хранения атрибута src ? Почему бы не использовать объект blocks[1].data для хранения атрибута src ?
441 просмотров
schedule 19.10.2021

Draft.js вставляет одно contentState в другое
У меня есть редактор Draft.js с HTML-кодом. Как я могу вставить новый фрагмент HTML в текущую позицию выделения, сохранив стили и сопоставления сущностей / блоков? Я знаю, как вставить необработанный текст через Modifier.insertText : const...
795 просмотров

Как устранить ошибку "Объект, возможно, нулевой" в 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 просмотров

Сделайте редактор DraftJS управляемым Formik: строковое значение плохо конвертируется в EditorState
Я использую редактор response-draft-wysiwyg, состояние которого должно контролироваться Formik. Идея состоит в том, что значение Formik является строкой, поэтому состояние редактора преобразуется в HTML с помощью stateToHTML и устанавливается как...
2585 просмотров

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