JSFiddle - React, Tailwind, and code Playground

by kaljak

HTML

<script src="//cdn.ckeditor.com/4.13.0/full-all/ckeditor.js"></script>

<div class="chatcontainer">
  <div class="chatroom">
    <div class="chatmessages">

    </div>
    <div class="chatnewmessage">
      <textarea id="chatmessagebox0" class="chatmessagebox"></textarea>
    </div>
  </div>
  <div class="chatroom">
    <div class="chatmessages">

    </div>
    <div class="chatnewmessage">
      <textarea id="chatmessagebox1" class="chatmessagebox"></textarea>
    </div>
  </div>
</div>

JavaScript

var options = {
    toolbar: [
        { name: "chat", items: ["EmojiPanel"] }
    ]
};

CKEDITOR.replace("chatmessagebox0", options);
CKEDITOR.replace("chatmessagebox1", options);