Описание тега draftjs

Draft.js - это фреймворк для создания редакторов форматированного текста в React, основанный на неизменной модели и абстрагирующийся от различий между браузерами.
1 ответ

Как хранить и индексировать вывод Draft.js в базах данных?

Какой самый эффективный способ выполнить индексацию для полнотекстового поиска? Я использую mongodb, но я думаю, что это не так важно в контексте этого вопроса Я думаю о двух способах сохранения выходных данных draft.js с дальнейшей индексацией: Пре…
22 янв '17 в 15:52
1 ответ

Создать контролируемый contenteditable, который также работает на сенсорных мобильных телефонах

Привет, я пытаюсь создать компонент div, способный реагировать, который работает как поле ввода, но с некоторыми дополнительными функциями, которые я хочу реализовать, но так как функций немного, я хочу реализовать это сам, а не использовать что-то …
12 янв '18 в 07:12
1 ответ

Можно ли создать демоданные для Draft.js?

Мы используем черновой редактор и convertToRaw а также convertFromRaw сохранить и загрузить состояние из нашей БД. Для нашего тестирования я использую фабрики для создания демонстрационных данных. И хотите простой способ создания тестовых данных. Пр…
18 сен '18 в 20:57
3 ответа

Попытка использовать getCurrentContent в файле draftjs

Я хочу получить содержимое моего редактора и в конечном итоге сохранить его в постоянном контенте. Я получаю сообщение об ошибке _draftJs.EditorState.getCurrentContent не является функцией. import React from 'react' import ReactDOM from 'react-dom' …
20 окт '16 в 02:53
6 ответов

Проект JS. Persist EditorContent для базы данных

Я пытаюсь упорствовать draft-js"s EditorContent в базу данных, затем прочитайте и заново создайте объект EditorContent. Но EditorContent.getPlainText() удаляет богатый текстовый контент. Я не знаю, как еще это сделать. Как мне правильно настаивать E…
08 апр '16 в 12:43
1 ответ

DraftJS сохранение данных и управление данными в блоке рендеринга

Я пытаюсь получить raw data из базы данных, сохраненной с convertToRaw проекта JS функции и представляют собой data в editor вместо createEmpty значение. Заметка: - Когда я отправляю реквизиты из родительского компонента, дочерний компонент изначаль…
13 фев '19 в 17:04
2 ответа

Draftjs стайлинг в React

Я хочу использовать draft.js в моем проекте. У него есть собственный CSS, который мне также нужно импортировать. В документации сказано: Этот CSS должен быть включен при визуализации редактора, поскольку эти стили устанавливают значения по умолчанию…
10 июл '16 в 07:59
10 ответов

draftjs, как запустить редактор с контентом

Наткнулся на этот классный текстовый редактор, draft.js от фейсбука. Я пытаюсь следовать примеру в github, но я хочу создать редактор с содержимым вместо пустого редактора. var EditorState = Draft.EditorState; var RichEditor = React.createClass({ ge…
09 мар '16 в 06:02
4 ответа

Как получить доступ к EditorState из декорированного компонента

Я начинаю работать с декораторами в draft-js и могу отображать свои компоненты, определенные в CompositeDecorator. Документированное поведение прекрасно работает. Тем не менее, я пытаюсь выяснить, как я могу получить доступ к editorState из этих ком…
01 окт '18 в 13:52
1 ответ

Обновление состояния в родительском с состоянием редактора черновиков?

У меня есть редактор Draftjs в форме с другими полями. Состояние всех этих полей контролируется в этом родительском компоненте. Как получить из редактора черновиков то же поведение, что и из обычных полей формы HTML, где он обновляет родительское со…
28 май '17 в 20:24
1 ответ

getBoundingClientRect возвращает 0 для верхнего, левого, правого, нижнего в Safari

Итак, у меня есть спорный div, работающий на Facebook draft-js, Мне нужно было получить визуальное положение каретки внутри этого div, и я реализовал это (который работает в Firefox и Chrome): const selection = window.getSelection && window.…
24 ноя '16 в 09:27
3 ответа

Как добавить собственное выпадающее меню в Reaction-draft-wysiwyg?

Мне нужно добавить пользовательское выпадающее меню в разделе панели инструментов. здесь прикрепленное изображение похоже на выпадающее меню хотите это возможно? <img src="https://i.imgur.com/OhYeFsL.png" alt="Dropdown menu editor"> найти подр…
2 ответа

Курсор в самом начале первой строки в редакторе Draft.js

У меня есть onUpArrow обработчик, который должен проверить, находится ли курсор в самом начале первой строки в редакторе Draft.js. Редактор может содержать несколько строк / блоков. я нашел это SelectionState такие методы, как getAnchorOffset() а та…
02 ноя '16 в 00:44
1 ответ

Добавление сущности в свой блок в DraftJS

Поэтому я пытаюсь создать довольно простой редактор WYSIWYG BBCode для своего проекта, чтобы представить себе DraftJS. Я следовал некоторым учебным пособиям, а также использовал в качестве примера response-rte (поскольку он обладает 99% необходимой …
01 сен '18 в 18:17
2 ответа

Как применить проверку в draftjs

У меня есть форма, которая включает в себя электронную почту, тему и текст, который использует черновики для текстового редактора. Я мог бы проверить другие поля, но как я могу проверить редактор draftjs. Когда я нажимаю на редактор, чтобы напечатат…
24 май '17 в 07:11
1 ответ

Draft.js: Как вставить новый блок перед атомарным

Я хотел бы добавить новую строку после блока. Моя текущая функция следующая: _insert_new_block(editorState) { const selection = editorState.getSelection(); const newBlock = new ContentBlock({ key: genKey(), type: 'unstyled', text: ' ', characterList…
16 дек '16 в 23:36
1 ответ

Невозможно установить курсор в редакторе Draft.js

Я пытаюсь интегрировать редактор Draft.js в проект. То, как я думаю об его использовании, - это создание нового EditorState из моего собственного состояния при каждом вызове рендеринга (причина этого подхода связана с моим конкретным контекстом, кот…
03 авг '16 в 15:37
2 ответа

Нажатие на кнопку не добавляет встроенный стиль с использованием draft.js

Я пытаюсь добавить текстовый редактор с использованием draft.js в реактивный проект. Я смог добавить его, а также обрабатывать команды клавиатуры, следуя их документам. Я также добавил две кнопки, чтобы сделать жирным и курсивом, но проблема в том, …
14 апр '18 в 13:01
0 ответов

Как изменить стили в редакторе draftjs?

Я пытаюсь использовать draftjs и хочу создать собственный компонент блока. Первый вопрос: я не могу идеально завершить пример создания документа ( ссылка здесь). Когда я нажимаю кнопку с именем "полужирный", редактор теряет фокус, и мой текст не ста…
06 сен '18 в 08:08
1 ответ

Draft.JS: правильный способ обнаружить изменение контента

Событие onChange есть, но оно срабатывает также при перемещении каретки или нажатии кнопки навигации (стрелки и т. Д.). Я хочу определить, был ли изменен контент. По сути, мне нужно обнаружить это только один раз, когда происходят самые первые измен…
25 янв '17 в 09:07