“froala editor”这个编辑器是用什么样的方式做的域名验证?
froala editor 编辑器在本地是随便用不会出现付费提示和功能限制，但是只要放到线上就会有付费提示和功能限制 ，读了它的一部分代码，但是找不到他是在哪里写的 哪位大神知道是怎么搞的。。
window.onload=function(){
var temp = document.getElementsByTagName("a");
var i = 0;
for(i=0;i&temp.length;i++){
//console.log(temp[i].href);
if(temp[i].href=="/wysiwyg-editor")
temp[i].parentNode.removeChild(temp[i].parentNode.childNodes[0]);
加在后面试试，不过还是要支持正版...
已有帐号？
社交帐号登录
无法登录？
社交帐号登录Froala WYSIWYG Editor - 推酷
Froala WYSIWYG Editor
Froala WYSIWYG Editor
Froala Editor is a lightweight WYSIWYG rich text editor with a nice flat design. It is the first WYSIWYG editor with image resize that works even on mobile devices.
The editor covers a lot of functionalities through the default buttons, but we may sometimes need to add in another behaviour. The goal of this tutorial is to add two custom buttons: a button to clear all the HTML in the editable area and one to insert a specific HTML next to the cursor.
Froala WYSIWYG Editor is an easy to include and easy to use plugin. It requires jQuery 1.10.2 or higher and the iconic font named Font Awesome. So the following lines are all you need in order to use this plugin on your website:
&!DOCTYPE html&
&link href=&../css/font-awesome.min.css& rel=&stylesheet& type=&text/css&
&script src=&/jquery-1.10.2.js&&&/script&
&link href=&../css/froala editor.min.css& rel=&stylesheet& type=&text/css&&
&script src=&../js/froala editor.min.js&&&/script&
&!-- To add the editor on your website all you need is a line of HTML --&
&div id=”edit”&&/div&
Now just call the editable method and the editor will be initialized:
$(function() {
$('#edit').editable()
At this point we can write and edit anything we want inside the editable area. A popup with the default editing options will appear as you type or when you select the text you want to edit (customizable through ‘alwaysVisible’ option). This is called inline editing. We can also use a basic editor that always keeps a toolbar at the top. To do this just disable inline mode when you initialize the editor:
$(function() {
$('#edit').editable({inlineMode: false})
The buttons can be easily customized by choosing which of them appear in the editor, changing the way they are grouped or even create our own buttons. This can be done by using the ‘customButtons’ and ‘buttons’ options. The ‘customButtons’ option is a JSON that defines the new buttons. This is how a button definition should look like:
buttonName: {
title: 'Title',
type: 'icon-type',
value: 'icon-value'
callback: function (editor) {
- title is the tooltip that appears when you go with mouse over a button. If you are using a translation, you have to make sure that you add it to the translation array of the language you are using.
- icon is the icon of the button. It has two properties that need to be set:
type can be one of the following options: font (Font Awesome Icon), txt (simple text) or img (image).
value has to be a Font Awesome class for font (fa fa-*), a character for txt or an URL to for img.
- callback is the function that will be called when the button is hit. It will get the editor instance as argument.
After we define the new buttons through the ‘customButtons’ JSON, we have to include their name in the ‘buttons’ option in the position where we want them to be placed:
$(function() {
$('#edit').editable({
// Define custom buttons.
customButtons: {
// Clear HTML button with text icon.
title: 'Clear HTML',
type: 'font',
value: 'fa fa-times'
callback: function (editor){
editor.setHTML('');
// Insert HTML button.
insertHTML: {
title: 'Insert HTML',
type: 'txt',
value: '+'
callback: function (editor){
// Focus on editor if it's not.
if (!editor.selectionInEditor()) {
editor.$element.focus();
// Insert HTML.
editor.insertHTML('My new HTML');
// Save HTML in undo stack.
editor.saveUndoStep();
// Set what buttons to display with separator between them. Also include the name
// of the buttons
defined above in 'customButtons'.
buttons: ['undo', 'redo' , 'bold', 'sep', 'clear', 'insertHTML']
已发表评论数()
已收藏到推刊！
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
排版有问题
没有分页内容
视频无法显示
图片无法显示(window.slotbydup=window.slotbydup || []).push({
id: '2369049',
container: s,
size: '960,48',
display: 'inlay-fix'
创建新的生词本
i该生词本已经创建啦!
i不可以出现中文，英文，数字之外的符号哒!
i生词本名称长度不能大于24字符!
i请填写生词本名称!> jQuery Froala Editor
Froala Editor is a simple clean jQuery & HTML5 based WYSIWYG rich text editor that supports auto-save, inline mode, spell check, ajax requests, image callback and many more.&The editor can be used for free only for personal and non-profit projects under the CC NC-ND license.&
Please note that the download link is&the latest version of the Froala Editor (version 2). You can download the version 1 .
More examples:
You might also like:
Basic Usage:
1. Include the required CSS files in the head section of the page.
&link href=&css/font-awesome.min.css& rel=&stylesheet& type=&text/css&&
&link href=&css/froala_editor.min.css& rel=&stylesheet& type=&text/css&&
2. Include the jQuery javascript library and jQuery Froala Editor plugin at the bottom of the page.
&script src=&/ajax/libs/jquery/1.11.0/jquery.min.js&&&/script&
&script src=&js/froala_editor.min.js&&&/script&
3. Wrap the Html content you would like to edit in the editor wrapper. The plugin will automatically add a text editor toolbar appending to the wrapper.
&section id=&editor&&
&div id=&edit&&
Your editable content goes here
&/section&
4. Initialize the plugin by calling the&editable() function.
$(function(){
$('#edit').editable({
inlineMode: false
5. All the available options.
$(function(){
$('#edit').editable({
autosave: false, // Enable autosave option. Enabling autosave helps preventing data loss.
autosaveInterval: 1000, // Time in milliseconds to define when the autosave should be triggered.
saveURL: null, // Defines where to post the data when save is triggered. The editor will initialize a POST request to the specified URL passing the editor content in the body parameter of the HTTP request.
blockTags: [&n&, &p&, &blockquote&, &pre&, &h1&, &h2&, &h3&, &h4&, &h5&, &h6&], // Defines what tags list to format a paragraph and their order.
borderColor: &#252528&, // Customize the appearance of the editor by changing the border color.
buttons: [&bold&, &italic&, &underline&, &strikeThrough&, &fontSize&, &color&, &sep&, &formatBlock&, &align&, &insertOrderedList&, &insertUnorderedList&, &outdent&, &indent&, &sep&, &selectAll&, &createLink&, &insertImage&, &undo&, &redo&, &html&], // Defines the list of buttons that are available in the editor.
crossDomain: false, // Make AJAX requests using CORS.
direction: &ltr&, // Sets the direction of the text.
editorClass: &&, // Set a custom class for the editor element.
height: &auto&, // Set a custom height for the editor element.
imageMargin: 20, // Define a custom margin for image. It will be visible on the margin of the image when float left or right is active.
imageErrorCallback: false,
imageUploadParam: &file&, // Customize the name of the param that has the image file in the upload request.
imageUploadURL: &http://uploads.im/api&, // A custom URL where to save the uploaded image.
inlineMode: true, // Enable or disable inline mode.
placeholder: &Type something&, // Set a custom placeholder to be used when the editor body is empty.
shortcuts: true, // Enable shortcuts. The shortcuts are visible when you hover a button in the editor.
spellcheck: false, // Enables spellcheck.
typingTimer: 250, // Time in milliseconds to define how long the typing pause may be without the change to be saved in the undo stack.
width: &auto& // Set a custom width for the editor element.
6. Check the
for more usages.
Change logs:
Bug fixing
Draggable plugin.
Improve initialization time.
Improve minified file size by using $.FE instead of $.FroalaEditor.
Share toolbar, s and other common elements between instances with the same options.
Automatically turn off all events on destroy.
Add shared events.
Change saveInterval option to 10000.
Reset content on form reset event.
toolbarVisibleWithoutSelection is false by default.
Add toolbarContainer option.
Add htmlDoNotWrapTags option.
Add imageSplitHTML option.
Add videoSplitHTML option.
Add quickInsertTags option.
Remove quickInsertOffset option.
Add videoMove option.
Enhancements and Bug fixing.
Add pluginsEnabled option.
Add plugin property to commands.
Add emoticonsUseImage option.
Allow notes:// for links.
Add quick insert plugin.
Preview image while uploading.
Add table insert helper.
Redesign line breaker icon.
emoticonsSet code property needs only the Unicode code (1f600 instead of 😀).
Enhancements and Bug fixing
Add charCounter.count method.
Enhancements
Bug fixing
Do not parse entities inside SCRIPT and STYLE tags.
Enable drop, dragenter, dragover, dragleave and dragend events.
toolbarInlineWithoutSelection is enabled by default.
Enhancements
Bug fixing
When using an iframe the CSS is read directly from the files.
imageIframeStyle, videoIframeStyle and tableIframeStyle options were removed.
useClasses option converts all classes to inline style.
Add Code Beautifier plugin.
Editor can be initialized on any element.
Add tableStyles option.
Add tableMultipleStyles option.
Add tableStyle and tableCellHorizontalAlign button.
Rename tableVerticalAlign button to tableCellVerticalAlign.
Improve initialize performance - modules are no longer ordered on initialization.
Add pasteAllowLocalImages option.
Enhancements and Bug fixing
Add imageManagerToogleTags option.
Add codeView.isActive method.
Add codeView.get method.
Enhancements and bugfixes.
v2.0.0rc3 ()
Add the possibility to use displayText in the linkList object.
Add scrollableContainer option.
Improve Korean typing.
Improve Chinese typing in Microsoft Edge.
Add examples for paragraph style plugin.
Buttons are toggling popups instead of just showing them.
Improve editing inside DIV tags.
Improve scrolling on touch devices.
Add position.refresh method.
Improve cursor position and scrolling on ENTER.
Add keepFormatOnDelete option.
Add fullscreen.isActive method.
Allow to upload SVG images.
Bug fixing
v2.0.0rc2 ()
Add theme files.
Improve examples.
Remove placeholderFontSize option.
Remove placeholderFontFamily option.
Remove placeholderLineHeight option.
v2.0.0rc1 ()
56 new options
108 new methods
21 new events
Redesign the interface using the
Redesign popups for a better UX.
Display popups below or above based on the window size.
Custom toolbar based on screen size.
Add button tooltips.
Handle enter, backspace and delete actions instead of using the browser's default behavior.
Possibility to display the current selection's Font Family, Font Size and Paragraph Format.
Improve overall editing experience.
Improve editing in full page.
Improve sticky toolbar.
Toolbar can be added at the bottom of the editing area.
Improve RTL detection.
Improve selection restore.
Improve placeholder customizability.
Improve code cleaning.
Improve accessibility.
Option to edit content inside an iframe.
Custom TAB key indentation.
New methods to ease cursor positioning.
Possibility to add custom shortcuts.
Possibility to create custom popups.
Block Style plugin was renamed to Paragraph Stlye.
Better paste control.
Generic way to define buttons and dropdowns.
Popup templates.
Create alignment plugin.
Create save plugin.
Create paragraph format plugin.
Create emoticons plugin.
Create line breaker plugin.
Create quote plugin.
Table plugin redesign
Media Manager was renamed to Image Manager.
Image Manager plugin redesign
Link plugin redesign
Video plugin redesign
File plugin redesign
HTML View was renamed to Code View.
Code View plugin redesign
Add beforeUploadPastedImage event.
Add beforeUploadPastedImage event.
Buttons are not simpleTags. Improve cleaning allowedAttrs.
Clean HTML that is set inside textarea before adding it to the element.
Add doNotJoinTags option.
Colors plugin was improved.
Add linkAttributes option.
Improve imageAltSet, imageFloatedLeft, imageFloatedNone and imageFloatedRight events.
Add entities plugin.
Add response to the fileUploaded event.
Add afterImageUpload and afterFileUpload events.
Replace node.children with node.childNodes.
Improve imageResize and imageResizeEnd events.
Add saveParam.
Allow to type in RTL or LTR according to the keyboard type.
Improve Danish translation.
Improve pasting.
Add afterPasteCleanup event.
Text inside link is not sanitized anymore
Add iconClasses option.
Add useFileName option.
Add Estonian translation.
Bug fixing
Reflect in UI the disable state.
Placeholder has no longer italic style.
Default linkAutoPrefix value is empty string instead of false.
Popups are closed when the window is resized.
Enter is no longer copying the style of the previous block element.
Allow video preview in all browsers.
Check TAB by testing the charCode instead of the string itself.
Improve Russian translation.
Add allowScript option.
Add allowStyle option.
Add fullPage option.
Add unsupportedAgents option.
Add maxCharNumberExceeded event.
Bug fixing
Improve overall typing when paragraphy option is false.
Add linkAutoPrefix option.
Improve cleaning algorithm
Submit popups by hitting ENTER.
Close popups when hitting ESC.
Add defaultTag as experimental.
Style tag is no longer allowed in order to prevent XSS.
Text is the default selection in the colors dropdown.
Add foreColors option.
Add backColors option.
Add defaultColorOption option.
Add backColorsDisabled option.
Add foreColorsDisabled option.
Improve plain paste.
Improve coping text within the editor.
fr-tag is no longer added by default. useFrTag should be used instead.
editable.imageInserted event has one more param, response, that contains the unprocessed response from the server
Extra &p& tags are no longer added in list items.
Add customImageButtons option.
Add option showNextToCursor.
Add multiLine option.
Upload files by drag and drop directly in the editor.
Replace CTRL + F shortcut by CTRL + E.
Improve URL sanitizer.
Add urls plugin that would automatically convert URLS.
Add fullscreen plugin.
Basic iframe support.
Add Ukrainian language.
Improve Norwegian language.
Add scrollableContainer option.
Add defaultImageAlignment option.
Add defaultVideoAlignment option.
Improve undo/redo saving performance
allowedEmptyTags tags is no longer available.
allowedBlankTags should be used to allow empty tag that don't have any attributes.
Bug fixing
Add disabled option for buttons.
imageInserted event is receiving the jQuery object instead of the image URL.
Korean language improvements.
Finnish language improvements.
Croatian language improvements.
PT-BR language improvements.
Japanese language improvements.
Overall translation improvements.
A custom font name can be set in fontList option.
Image params are passed to clipboard paste upload requests.
Add allowedEmptyTags option.
Add selfClosingTags option.
insertHTML improvements.
Add defaultImageTitle option.
Allow Font Awesome icons inside editable area.
Bug fixing
Improve events managing mechanism.
Improve syncing and undo manager.
Improve pasting focus.
defaultImageWidth option is ignored if it is set to 0.
Add setDirty method.
blockTags option accepts more tags now.
Improve Word pasting.
Improve insertHTML method.
Improve floating toolbar when fixedToolbar option is false.
Improve button click experience on mobile devices.
froala_page.css is renamed to froala_style.css.
froala_style.css is no longer included by default and it has to be included separately.
Redesign colors plugin.
colors option was added.
colorsStep option was added.
imageDeleteConfirmation option was added.
Improve Russian language
Add scrolling to allowedAttrs.
countCharacters option was added.
zIndex option default value is now 2000.
typingTimer option default value is now 500.
Add removeFormat button.
Images pasted from clipboard are now uploaded to /upload_base64.
Support for callbacks is removed completely. Events should be used instead.
Bugs fixed.
Add char_counter plugin.
Review list of allowedAttributes.
Review list of allowedTags.
Add beautifyCode option.
Add onPaste event.
Add granular control for shortcuts: shortcutsAvailable option.
Add convertEmailAddresses option.
Improve UX for inserting link.
Add badLink event.
Paste improvements in all browsers
Moving images now works in IE too.
Add pasteImage option.
Improve cleaning.
Add royal theme.
Add refresh and refreshOnShow options for custom dropdowns.
Add refresh option for custom buttons.
Show loader when image is inserted by link.
Add videoAllowedAttributes and videoAllowedTags.
Allow undo/redo without buttons.
Add imageTitle option.
Bug fixing
Add data-name to the custom buttons and custom dropdowns.
Disable editing while uploading image.
Improve regular expression that match the attribues to clear.
Accept application/json as response from pastedImagesUploadURL.
Bug fixing
Bug fixing
Bug fixing
Add linkClasses option.
Add headers option.
Add withCredentials option.
Add focus event.
Add blur event.
Add initialized event.
Improve cleanup methods
Cleanup on paste from Word.
Improve XSS filters.
Paste cleanup improvements.
Add popup for editing video.
New algorithm to clean the HTML output.
Separate stylesheet for page style - froala_page.css.
Add HTML code style by default from the editor.
Add Hebrew language.
Bug fixing
Save/Restore selection works for multiple ranges.
Bugs fixed.
Insert video by URL.
Speed improvements.
Add support for IE8.
Improvement to
Improve mobile popup positioning.
The following features are plugins and they are no longer included by default: Block Style, Text and Background colors, Media Manager, Tables, Video, Font Size, Font Family
Add simpleAmpersand option.
Add imageLink option.
Improvements to German languages.
Beautifier is used as a separate lib and is no longer available by default.
Add maxHeight option.
Default is no longer available as default, but options can be toggled.
inverseSkin is replaced by theme option.
Theme CSS file.
Improve HTML output.
Improve Italian language translation.
Start in color/font size.
Allow user to return error from server for image.
Replace invisible space with BR tag.
Improve French translation.
Add saveRequestType option.
Callbacks from images get jQuery object as parameter instead of src.
Clean HTML with regular expressions instead of jQuery code.
Editor can be initialized on image.
Editor can be initialized on link.
Option to edit the text from the DOM element in a popup.
Pass a default list of links to choose from.
Add option to open the link in another tab.
Add disableRightClick option.
Add blockStylesToggle option.
Add track option.
Add unlinkButton option.
Bugs fixing
Add focus method.
Show editor on right click.
Editor can now be initialized on image.
imageUploadToS3 option to upload to Amazon S3.
imageUpload option to disable image upload.
customDropdowns option to customize dropdowns.
blockStyle command to set a custom blockStyle.
blockStyles option to set specific blockStyles.
defaultBlockStyle option to set default available block styles.
Improve destroy method.
Improve placeholder support.
Improve coding mode.
Improve new line in code and blockquotes.
Set media manager to always expect JSON and not text.
Up to FontAwesome 4.1.0.
Replace paragraph icon.
Replace color icon.
Add fontFamily button in toolbar.
Add blockStyle button in toolbar.
Add html button back in toolbar.
Allow URLs starting with # and /.
Sync when image is dropped.
Show editor by key selection in inline mode.
Focus input when showing the link popup.
Bug fixing
Media manager for images.
Add zIndex option.
Minimum for autosaveInterval was changed to 100.
Improve for XSS support.
Improve insertHTML method.
saveURL is no longer required to trigger save.
Add image restriction by using allowedImageTypes option.
CTRL + Backspace is cutting text.
CTRL + ] in indenting text.
CTRL + [ is outdenting text.
CTRL + & is formatting text as quote.
CTRL + \ is formatting text as code.
Sync before submitting form.
Delete image by hitting delete when it is selected.
Hitting enter when image is selecting is getting it down.
maxImageSize option to restrict image size before upload.
Add defaultImageWidth option to set the image size on insertion.
afterRemoveImageCallback is now getting the image src as param.
Image remove control improved.
Horizontal line command.
Font family support.
Move writeVideo to its own method.
Improve wrapping support.
Improve getHTML method.
Improve block formatting.
Setting background color would take into consideration parents too.
Improve contentChangedCallback support.
Remove invisible characters when saving the HTML.
Add isActive method to check if command is active.
Improve undo mechanisms.
Use a custom version of Modernizr that does not conflict anymore.
Improve editor position in Firefox when a scale transform is applied.
Selected fontFamily, fontSize or block type appears selected in the dropdown.
beforeFileUpload callback.
Bug fixing
Custom tags from html are no longer removed.
minHeight option.
removeFormat method.
Image is inserted where the cursor is.
Undo preserves selection and cursor position.
Please wait message when uploading image.
&br& are no longer removed when calling save.
Bug fixing
Add textNearImage option.
Add imageButtons option.
Add alwaysVisible option.
Add noFollow option.
Add alwaysBlank option
Add plainPaste option
Add icons option
Add callbacks for pasting.
Add getText() method.
Bugs fixing
image resize fix.
Add language support (28 languages).
Inverse skin colors.
Blockquote has quote at the beginning.
Additional parameters to image upload request.
Additional parameters to save request.
Video support.
Custom buttons in toolbar.
Paragraphy option.
Improvement and bugs fixed.
This awesome jQuery plugin is developed by . For more Advanced Usages, please check the
or visit the official website.
Related jQuery Plugins
You Might Also Like
Add Your Review
Categories:
Get Free Updates
You Might Like:
Most Popular In This Category:
78265 views -
30680 views -
22658 views -
18903 views -
18620 views -
15753 views -
15496 views -
14171 views -
13801 views -
11201 views -
Follow us:
Site Links
CDN-Hosted jQuery Library: &script src=&///jquery-latest.min.js&&&/script&
(C) Copyright
Please enable JavaScript to view the