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

Question

[ih4rd]

Кто-то пробовал использовать emoji-mart в связке с draft.js?

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

Comments

[Михаил Р.]

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

Покажите, чего настрадали за 2 дня...

[ih4rd]

Михаил Р., по факту ничего. Есть draft-js-emoji-mart-plugin, который работает с draft-js-plugins-editor(а она в свою очередь уже устарела), потом всё это связано с самом emoji-mart, и в куче ничего не работает, из-за того что что-то устарело или поменялось. Походу emoji-mart уже не с каким редактором не заюзаешь.

[Михаил Р.]

ih4rd,

по факту ничего

Значит это задание, а не вопрос - welcome to freelance!

[ih4rd]

Михаил Р., Я думал может кто-то что-то посоветует или предложит альтернативу draft.js в связке с emoji-mart

[Михаил Р.]

ih4rd,

Кто-то пробовал использовать emoji-mart в связке с draft.js?

Предлагаю создать новый вопрос "Альтернатива draft.js в связке с emoji-mart"

[ih4rd]

Михаил Р., Я нашёл одно решение. Вставляю в draft.js отдельно выбранный шорткод смайла, типа того:

const insertText = (text: string) => {
    let contentState = editorState.getCurrentContent();
    const selectionState = editorState.getSelection();
    const contentStateWithEntity = contentState.createEntity(
      'MY_ENTITY_TYPE',
      'IMMUTABLE'
    );
    const entityKey = contentStateWithEntity.getLastCreatedEntityKey();

    contentState = Modifier.insertText(contentState, selectionState, text);
    let newState = EditorState.push(
      editorState,
      contentState,
      'insert-characters'
    );

    setEditorState(newState);
  };

[Михаил Р.]

ih4rd, отлично, вставить Вы вставили, а вытаск... и че происходит?

[ih4rd]

Михаил Р., to что надо