Questions tagged [froala]

Froala is a commercial jQuery based WYSIWYG text editor built with the latest technologies and industry trends in mind.

Froala is a commercial jQuery based WYSIWYG text editor built with the latest technologies and industry trends in mind. It boasts high performance and full cross-browser, cross-platform support for all standard WYSIWYG features as well as being highly customisable in any web application. As stated in the official website, Froala has several plugins for many development frameworks, such as , , , , and .

Resources

Licence

A licence is require to use this software in both commercial and open-source environments - exemptions offered to educational institutes and not-for-profit organisations. Full details may be found on their FAQ.

460 questions
15
votes
7 answers

Uncaught ReferenceError: $ is not defined rails

I'm trying to add Froala editor to my project. Problem only on production server(on localhost it works fine) I'm using rails 4.1.0 In gemfile i'm have gem 'jquery-rails' In my assets/javascripts/application.js: //= require jquery //= require…
bartezr
  • 727
  • 3
  • 10
  • 26
10
votes
9 answers

Add text to Froala text editor

I'm trying to programatically input html into Froala text editor. Based on their documentation this should work: $(function(){ $('#editor').editable("setHTML", "

My custom paragraph.

", false); }); But when I reload page I only get empty…
Alen
  • 1,750
  • 7
  • 31
  • 62
9
votes
5 answers

FROALA non editable content

I am building an email template with FROALA. I don't want to give the user the power to edit a part of it. Is there a way to stop the user from editing a part of the content? Thank you.
Alejo Rybak
  • 181
  • 1
  • 2
  • 9
8
votes
2 answers

Can not write text at left align after adding Image with a caption in Froala editors

Steps to reproduce the issue:: Open the froala editor on https://www.froala.com/wysiwyg-editor. Remove everything in the editor. Insert an image. Add a caption to the image. Click outside the image and try to type. Issue: After adding image…
Akash Gadhiya
  • 380
  • 1
  • 15
8
votes
2 answers

Meteor 1.6.1.1 - searching for WYSIWYG

I am searching for an WYSIWYG editor for my Meteor project. It's Meteor version 1.6.1.1 with Angular 5. I have already tried [Froala][1]. Which was working fine local, but after creating a Docker container it showed multiple errors…
xQp
  • 302
  • 1
  • 5
  • 22
8
votes
3 answers

froala not showing some toolbar buttons

Froala doesn't want show some buttons (like: video, image, table ...) and I don't now why. Maybe I just forget add some script? This My options: public tb = [ "bold", "italic" , "insertTable","insertImage"]; public options: Object = {…
8
votes
4 answers

Rails 4 - How to have image upload in froala editor with carrierwave?

I'm stuck on what to do for having image upload in froala editor. I have carrierwave working for uploading images to google cloud storage for other sections of my app and now I want to have image uploads in froala editor working as well. Here is…
Rob
  • 1,835
  • 2
  • 25
  • 53
7
votes
1 answer

Froala - get HTML

I'm trying to get the current HTML from an element using Froala 2.4 My main reason is to be able to compare the original HTML from the new HTML to see if the user has changed anything, and if that case trigger a save-event. Here's my current code …
Tompina
  • 726
  • 1
  • 9
  • 25
6
votes
0 answers

Highlight.js "Could not find the language 'undefined', did you forget to load/include a language module?"

I am using highlight.js for Froala editor code blocks at React. But I'm getting en error. I used registerLanguage function but it didn't work. Error in browser: Here is my code : import FroalaEditor from 'react-froala-wysiwyg'; import hljs from…
user15721538
6
votes
4 answers

Froala editor: insert into caret position when clicking a div

I'm using Froala v2.6.1 and I want to insert a string into the editor exactly at the last caret position when user click a divs, but the string is always inserted at the end of the editor. Here is the thing I did:
yodann
  • 355
  • 5
  • 20
6
votes
3 answers

All the toolbar buttons of Froala

I would like to know the name of all the toolbar buttons of Froala (https://www.froala.com/wysiwyg-editor). I know the following ones: "undo", "redo", "bold", "italic", "underline", "strikeThrough", "selectAll", "paragraphStyle", "subscript",…
Aliuk
  • 1,249
  • 2
  • 17
  • 32
5
votes
2 answers

Some Toolbar Buttons are missing in Froala wysiwyg Editor

Full Froala wysiwyg Editor looks like this: But after adding the API in my project, Some of the Toolbar buttons are missing. The snap is shown below. As seen from the above, most of the toolbar buttons are missing from my editor, like- color,…
Deb
  • 5,163
  • 7
  • 30
  • 45
5
votes
3 answers

How to customize Froala in angular 2?

I have added the Froala editor in my Angular 2 app and it works, I just cant find how to customize the toolbar, to show buttons that I want (bold, italic, underline, etc), any help? https://github.com/froala/angular2-froala-wysiwyg
Nemanja G
  • 1,760
  • 6
  • 29
  • 48
5
votes
2 answers

Set the caret at the end of the content in Froala 2

I'm using Froala 2 and the documentation doesn't seem to have anything that implies a simple way to set the location of the caret, let alone at the beginning or end. I'm trying to seed the editor instance with a little content in certain cases and…
webbower
  • 756
  • 1
  • 7
  • 21
5
votes
2 answers

Froala editor custom dropdown with dynamic values

I am using Froala and I am stuck creating a custom drop down with dynamic option sets in it. I have used their common way to create the drop down but that is useless if we have to fetch the values from db. I want to make a "Templates" dropdown with…
Yunus Aslam
  • 2,447
  • 4
  • 25
  • 39
1
2 3
30 31