# Best WYSIWYG editor for Ionic (with video and photos options)

**URL:** <https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459>\
**Category:** ionic-v3\
**Created:** [May 14, 2018, 11:48am UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459 "2018-05-14T11:48:02Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![temohpab](https://avatars.discourse-cdn.com/v4/letter/t/f0a364/32.png) [@temohpab](https://forum.ionicframework.com/u/temohpab)\
**Post date:** [May 14, 2018, 11:48am UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/1 "2018-05-14T11:48:02Z")

</div>

Im trying to implement a wysiwyg rich text editor but i want to know which is the best (free) option.

I’ve tried froala but you need license to use it (it’s too expensive for me) and i want to know what are the best and easy options to implement.

Thanks in advance

---

<div class="post-metadata">

**Author:** ![saimon](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/saimon/32/133587_2.png) [@saimon](https://forum.ionicframework.com/u/saimon)\
**Post date:** [May 14, 2018, 4:01pm UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/2 "2018-05-14T16:01:10Z")

</div>

I recently came across the [Tinymce](https://github.com/Ledzz/angular2-tinymce) editor which looks kinda promising!

---

<div class="post-metadata">

**Author:** ![robinyo](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/robinyo/32/115964_2.png) [@robinyo](https://forum.ionicframework.com/u/robinyo)\
**Post date:** [May 14, 2018, 8:57pm UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/3 "2018-05-14T20:57:48Z")

</div>

> [@temohpab](#):
>
> wysiwyg rich text editor

Take a look at: [https://quilljs.com/](https://quilljs.com/)

See: [How to get native Rich Text Editor on Ionic app? - #3 by robinyo](https://forum.ionicframework.com/t/how-to-get-native-rich-text-editor-on-ionic-app/127634/3)

---

<div class="post-metadata">

**Author:** ![temohpab](https://avatars.discourse-cdn.com/v4/letter/t/f0a364/32.png) [@temohpab](https://forum.ionicframework.com/u/temohpab)\
**Post date:** [May 14, 2018, 9:16pm UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/4 "2018-05-14T21:16:51Z")

</div>

I’ve tried with ngquill but i don’t know how implement it, always i lost something on the process and the editor don’t renderer…

Can you explain me how import the module? Thanks

---

<div class="post-metadata">

**Author:** ![robinyo](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/robinyo/32/115964_2.png) [@robinyo](https://forum.ionicframework.com/u/robinyo)\
**Post date:** [May 14, 2018, 9:19pm UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/5 "2018-05-14T21:19:26Z")

</div>

See: [https://github.com/KillerCodeMonkey/ngx-quill](https://github.com/KillerCodeMonkey/ngx-quill)

---

<div class="post-metadata">

**Author:** ![temohpab](https://avatars.discourse-cdn.com/v4/letter/t/f0a364/32.png) [@temohpab](https://forum.ionicframework.com/u/temohpab)\
**Post date:** [May 15, 2018, 6:59am UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/6 "2018-05-15T06:59:52Z")

</div>

I’ve installed yet, but i see giant arrows in my screen… How can i configureit? Where i add the css files? I’m lost

---

<div class="post-metadata">

**Author:** ![robinyo](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/robinyo/32/115964_2.png) [@robinyo](https://forum.ionicframework.com/u/robinyo)\
**Post date:** [May 15, 2018, 7:14am UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/7 "2018-05-15T07:14:53Z")

</div>

See: [https://github.com/KillerCodeMonkey/ngx-quill](https://github.com/KillerCodeMonkey/ngx-quill)

 ![22](https://global.discourse-cdn.com/ionicframework/original/3X/9/f/9f209d870f7c2de52a0e90c0a72f8c0e6eb207ff.png)

See: [https://github.com/quilljs/quill/tree/develop/assets](https://github.com/quilljs/quill/tree/develop/assets)

---

<div class="post-metadata">

**Author:** ![temohpab](https://avatars.discourse-cdn.com/v4/letter/t/f0a364/32.png) [@temohpab](https://forum.ionicframework.com/u/temohpab)\
**Post date:** [May 15, 2018, 7:45am UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/8 "2018-05-15T07:45:04Z")

</div>

When i try to import these files i’ve the next error:

Refused to execute script from ‘[http://myip:8100/node\_modules/quill/dist/quill.js](http://myip:8100/node_modules/quill/dist/quill.js)’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.

In all of the files… What’s happening?

---

<div class="post-metadata">

**Author:** ![temohpab](https://avatars.discourse-cdn.com/v4/letter/t/f0a364/32.png) [@temohpab](https://forum.ionicframework.com/u/temohpab)\
**Post date:** [May 15, 2018, 8:05pm UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/9 "2018-05-15T20:05:00Z")

</div>

Any of them works for me… Didn’t work the photo upload

---

<div class="post-metadata">

**Author:** ![SuperRoo](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/superroo/32/104014_2.png) [@SuperRoo](https://forum.ionicframework.com/u/SuperRoo)\
**Post date:** [May 16, 2018, 9:18am UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/10 "2018-05-16T09:18:56Z")

</div>

I use visual studio code…it’s got everything you want & it’s free

---

<div class="post-metadata">

**Author:** ![aaron-cardenas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/aaron-cardenas/32/125040_2.png) [@aaron-cardenas](https://forum.ionicframework.com/u/aaron-cardenas)\
**Post date:** [April 2, 2019, 8:32pm UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/11 "2019-04-02T20:32:46Z")

</div>

Good sugestion, but i think you are off topic.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:35pm UTC](https://forum.ionicframework.com/t/best-wysiwyg-editor-for-ionic-with-video-and-photos-options/130459/12 "2021-07-19T21:35:36Z")

</div>

Closed on July 19, 2021, 9:35pm UTC


