Is there Any Rich text Editor to use in my Hybrid App


#1

I have requirement to implement email functionality so is there any controls available to bind Ionic and angular apps.


Any update on this? Tried ionic with textAngular plus all above suggestion, still no luck. Really hope ionic team can help find solutions or provide suggestions
#2

Never used it myself, but seems like it could be promising.

http://textangular.com/
http://ngmodules.org/modules/textAngular


#3

thanks for the replying…

TextAngular i tried its not working in iPhone with ionic .Android no issue…

Without including ionic its working fine in iphone also…


#4

You could always try a markdown editor.

Or try this.
http://imperavi.com/redactor/


#5

thanks for suggestions but no one is working…

Markdown editor clearly mention on their website only support Works Firefox, Chrome, and IE8+

i still could not find any editor who can fit in my IONIC web site i just wants to edit existing Email html in iPhone like


#6

I notice that demo code is working fine on all browsers including safari even in in iphone also but when i add the module inside my Ionic project then its not working on iphone or safari browser only chrome browser its working…

Its very urgent please give some idea to use rich text editor in my Ionic apps…or any directive…

i am doing any thing wrong… Is any one worked on this area with ionic apps…

Thanks in advance…


#7

I got textAngular to work, and it works fairly well. Though you may need to div in js file and modify the template to use ionics icons as opposed to font-awesome.


#8

Any chance you can make a pull and publish changes needed to run on ionic?


#9

Oh it will run with ionic, just include font-awesome as well. I’ve already forked the repo but don’t have time right now to refactor it for ionic.


#10

My friend its working only in Android,chrome not in iphone ,safari browser…

just open this url in safari or in iphone its not editable there…

same way i tried in my app but no luck in iphone. to edit rich text editor.


#11

try ckEditor - I use it for a number of projects

www.ckeditor.com - powerful with lots of plugins

haven’t pushed it hard with ionic as yet - there are also angular directives for it - just search then out

cheers


#12

While trouble shooting textAngular Rich text editor with ionic in safari i found exception which is coming inside ionic.bundel.js Although it is working fine in chrome


#13

I figured out my problem. I had the css property ‘-webkit-user-select’ set to none on an element way up the hierarchy of the div in question. Thus it was preventing the cursor from ever being positioned within my contentEditable div.

You disable the user-select and callout for the whole site, and then override the contenteditable fields to allow user-select.

html,body{
-webkit-user-select: none;
-webkit-touch-callout: none;
}

*[contenteditable] {
-webkit-user-select: auto !important;
}


#14

So it works for you now? I did some more testing early this morning on an actual device and saw that it wasn’t working.


#15

yes its working now i just override contentEditable fields to allow user-select

*[contenteditable] {
-webkit-user-select: auto !important;
}


#16

Awesome :smile:

Glad it works!


#17

For me, it’s only partially working.
If I click the toggle html button, I can type anywhere (when in a desktop browser) but on mobile, I can only type starting at the beginning, I can’t reposition the cursor at all.

In rich text mode, I can’t do anything


#18

yes in my samesung s4 /android 4.4.2 its still working partially means its only writing initial 5 to 10 characters after that nothing is happening but in other android versions and iphone its working fine…

please post if you got any soloution.i think you need to install keyboard plugin…


#19

Any updates on this? I’m looking to add several contenteditable divs and if textAngular is lightweight enough I’m interested in using it.


#20

MCE and textAngular both have similar issues in iOS. Buggy text selection and issues with using keyboard.

Has anyone found something that works on iOS?