<!-- Appears on Tiny Blueprint (https://www.tiny.cloud/blog/) in articles:
- Add an emoji picker to your textareas-->
<textarea id="mytextarea"><p>To insert a 🙂 emoji, either:</p><ul><li>Type a colon followed by a keyword, e.g., <code>:smile</code>, then press <em>Enter</em> or <em>Return</em> to add the highlighted emoji, or click the desired emoji from those displayed, or</li><li>Select the emoticons toolbar button to open the picker, and use the tabs or search bar to browse, then click the desired emoji</li></ul><p>Try it here! </p></textarea>
tinymce.init({
selector: "#mytextarea",
plugins: "emoticons autoresize",
toolbar: "emoticons",
toolbar_location: "bottom",
menubar: false,
statusbar: false
});
This Pen doesn't use any external CSS resources.