![]() "src": "./node_modules/font-awesome/fonts/**/*.*",įile: aurelia_project/tasks/copy-assets. "bindingBehaviors": "resources/binding-behaviors", "valueConverters": "resources/value-converters", "path": "./node_modules/aurelia-froala-editor/dist/amd", "path": "./node_modules/font-awesome/css", import "froala-editor/js/froala_" Ī( 'aurelia-froala-editor') $ npm install aurelia-froala-editor -save Integration Guide $ npm install aurelia-cli -g To initialize the editor on a special tag, useįroalaEditorA, FroalaEditorButton, FroalaEditorImg and There are special tags: a, button, img, input.ĭo not use them in FroalaEditor component. Tag attr is used to tell on which tag the editor is initialized. PlaceholderText: 'Edit Your Content Here!',Ĭonsole.log("test") } } } return ( Full-Featured Editor /* Object containing Froala editor API options and Events import FroalaEditorInput from 'react-froala-wysiwyg/FroalaEditorInput' import FroalaEditorImg from 'react-froala-wysiwyg/FroalaEditorImg' import FroalaEditorButton from 'react-froala-wysiwyg/FroalaEditorButton' import FroalaEditorA from 'react-froala-wysiwyg/FroalaEditorA' import FroalaEditorView from 'react-froala-wysiwyg/FroalaEditorView' Include special components if required. import 'froala-editor/js/third_party/font_' import 'font-awesome/css/font-awesome.css' install using "npm install font-awesome -save" import 'froala-editor/js/third_party/spell_' import 'froala-editor/js/third_party/' import 'froala-editor/js/third_party/image_' import 'froala-editor/js/languages/de.js' Import FroalaEditorComponent from "react-froala-wysiwyg" Integration Guide //Require Editor CSS files. We appreciate the time and effort you took into customizing Froala and are excited to see what you can create with Froala. Response from Carl Cruz of Froala Editor Hey there! Thanks for your review. □ What problems is Froala Editor solving and how is that benefiting you? We have a lot of customers that want to customize and personalize our dashboards, I mean business people not necessarily developers, so with this component, we add value to our business solution. ![]() What do you dislike about Froala Editor? We spent a lot of time with the look & feel customization but at this point is working well, no complaints yet, but have to say that we are not in a production environment yet, at this moment is still under development, maybe later I can come back with more comments. Read more solution for the final user and developer friendly, it just works, but what I like the most was the integration with our React-based development, this was the main concern and initially planned to build it from scratch, I can say waved a lot of time. Var editor = CKEDITOR.What do you like best about Froala Editor? The Froala Editor is a solid ![]() ![]() ShowPageMessage('Changes have been saved successfully!') This is a custom function I wrote to display messages. Successful processing by ckprocess.php should return simply 'OK'. In order to get the button to appear correctly, I had to specify extraPlugins: 'ajaxsave' from inside the CKEDITOR.replace() method call. In case anybody is interested, I wrote a solution for this using Prototype. You should be able to duplicate the print plugin (take the directory from _source into the actual plugins/ directory, worry about minification later), rename it, rename every mention of "print" within it, give the button a proper name you use later in your toolbar setup to include the button, and add your function. Adding a simple Javascript function is quite easy to achieve. Make sure you search there, well, if not first, then at least second or third.įor your purpose, I would recommend look at one of the plugins in the _source/plugins directory, for example the "print" button.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |