Stack Overflow
Stack Overflow

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
4
votes
3 answers

Rails - Froala editor plugins aren't loading when I first load the page, how do I load the plugins before initializing the editor?

I have froala editor installed on my rails 4.2 app. I'm not using the gem because I have added extra custom buttons to the toolbar. I have all the froala files in /public/froala (know its not best practice but its still easy to update this way and…
Rob
  • 1,835
  • 2
  • 25
  • 53
4
votes
2 answers

Setting up Froala WYSIWYG editor with CarrierWave and Rails

I've been trying to get Froala fully working with my rails set up. I have a type of blog like application with posts and images associated with each post. class Post < ActiveRecord::Base has_many :images accepts_nested_attributes_for :images class…
Lorenz
  • 737
  • 1
  • 7
  • 26
4
votes
1 answer

Retain caret position in Froala editor after 'html.set' or 'snapshot.restore'

I am trying to incorporate the Froala editor in a React component, and am having difficulties retaining the caret position after updating the content in the editor with the 'html.set' or 'snapshot.restore' methods. The goal is to maintain Froala's…
Nik
  • 1,353
  • 13
  • 15
4
votes
1 answer

Froala editor v2 (new) inline destroy bug(?)

Using the newest version of the froala editor (v2) doesn't seem to work when destroying an inline editor. It leaves this element in the editor element: . You can see this behaviour if you go to the inline example-site:…
user1244785
  • 51
  • 4
4
votes
2 answers

Custom knockout binding for froala makes editor loose focus

I'm trying to write a custom binding to bind knockout to a froala-editor. My binding works in the following way: ko.bindingHandlers.froala = { init: function(element, valueAccessor){ var options = { inlineMode: false, …
Salvador Dali
  • 214,103
  • 147
  • 703
  • 753
3
votes
0 answers

Is there a way to use an Angular (2+) component inside a Froala Custom Popup?

I have an application built in Angular that uses Froala as an editor. The Froala editor provides the capability to show a custom pop-up when the user clicks a button. The API example shows that you pass some HTML to the call that Froala will render…
harleybl
  • 729
  • 6
  • 11
3
votes
0 answers

Froala 3 get range of newly pasted content in paste.after event ,

We want to implement clear formatting after paste happened, something similar to For that we need to get hold recently pasted content range How can we achieve that Also is there range based API in froala
AbdulKareem
  • 1,199
  • 8
  • 24
3
votes
0 answers

Suppress eslint warnings from imported node_modules CSS

Some dependencies require you to import CSS from node_modules into your file. // editor.js import 'froala-editor/css/froala_editor.pkgd.css'; import FroalaEditor from 'react-froala-wysiwyg'; export default = () => The package's…
png
  • 1,130
  • 14
  • 18
3
votes
1 answer

Froala WYSIWYG editor not showing all the toolbar buttons in React

Toolbar buttons are not showing in our React App created by facebook/create-react-app. I've tried importing the JS and CSS files in src/index.tsx or right before where the component is used. I also tried importing individual plugins. None of them is…
yifei3212
  • 821
  • 1
  • 9
  • 28
3
votes
2 answers

Froala editor formControl not updating after second load

When page inited for the first time, everything work fine, when I change pages and then come back to page where Froala editor, writing in editor, form value does not changes
Andryxa Piddubnjak
  • 101
  • 6
3
votes
1 answer

Cursor is always placed before the paper clip icon when file is inserted in Froala editors

Step to reproduce:: Open Froala link Clear editors. Click on the file icon and select file. Issue:: Cursor is always placed before the paper clip icon. Acceptance Criteria:: Cursor is placed after a paper clip icon when a file is attached to…
Akash Gadhiya
  • 380
  • 1
  • 15
3
votes
1 answer

Line height incorrect for paragraph containing span with smaller font size

I have a problem with the line-height style in paragraphs filled with a span, when the font size in the span is smaller than that of the paragraph. My Angular application has an editable div element, and I use the Froala editor API commands to allow…
ConnorsFan
  • 70,558
  • 13
  • 122
  • 146
3
votes
1 answer

Froala setting the placeholder text after initialization

The Froala editor component has many settings available at initialisation, including the placeholder. However, I have a case where I must change the placeholder after initialisation. I cannot see in the API docs any method to do this. I tried…
Vanquished Wombat
  • 9,075
  • 5
  • 28
  • 67
3
votes
2 answers

Froala Editor - inserting multiple images

I'm using Froala Editor and stumbled upon a problem while trying to insert multiple images. The problem is that only the first image gets inserted and not the rest. I have searched the web for answers but can't find any. Is it possible to insert…
K.Oleksiak
  • 325
  • 1
  • 2
  • 15
3
votes
1 answer

Can't upload image to local server with Froala editor

I'm trying to upload images using Froala wysiwyg editor to my localhost (for testing purposes) but it's not working. When I choose the image to upload, it appears faded in the editor, then disappears when I click somewhere else. Here's my code…
KeepCool
  • 497
  • 1
  • 6
  • 24
1 2
3
…
30 31