froala editor导出html,index.html

Froala Editor Examples

body {

line-height: 1.5;

font-family: sans-serif;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

section {

width: 90%;

margin: auto;

padding-top: 30px;

}

#data-list {

-webkit-column-gap: 30px;

/* Chrome, Safari, Opera */

-moz-column-gap: 30px;

/* Firefox */

column-gap: 30px;

-webkit-column-count: 4;

/* Chrome, Safari, Opera */

-moz-column-count: 4;

/* Firefox */

column-count: 4;

}

#data-list>div {

page-break-inside: avoid;

}

#data-list>div:after {

content: "";

display: block;

height: 20px;

}

h1 {

font-size: 36px;

font-weight: 300;

text-align: center;

}

h2 {

margin: 0;

color: #252525;

border-left: 3px solid #0098f7;

padding-left: 10px;

font-weight: 400;

}

ul {

padding-left: 5px;

}

ul li {

list-style: none;

font-size: 16px;

}

ul li a {

text-decoration: none;

color: #515151;

}

Froala Editor Examples

Popular

• Full Featured
• Inline Editor
• Multiple Editor Instances
• Textarea Editor
• Full Page
• Iframe
• Non-editable Zones
• Z-index
• Init on Click
• Change Toolbar Buttons
• Disable Paragraphs

3rd Party Integration

• Bootstrap Grid
• Bootstrap List Group
• Bootstrap Modal
• jQuery Mobile
• jQuery UI Modal
• Code Mirror
• Spell Checker

API

• Init / Destroy Editor
• Get Edited HTML
• Insert HTML
• Save / Restore Selection
• Live Content Preview
• Live Code Preview

International

• Editor Direction RTL
• Change Language
• RTL / LTR Buttons

Buttons

• Custom Buttons
• Custom Dropdown
• External Button
• Subscript and Superscript

Events

• Blur / Focus
• Content Changed
• Drop
• Image Removed
• Initialized / Destroy

Images

• Custom Image Button
• Image Styles
• Default Width
• Insert as Base64

Init inside iframe

• Basic Editor
• Inline Editor

Init on click

• Basic Editor
• Inline Editor
• 2 Editors

Initialization

• Init on Click
• Init on Button
• Init on Link
• Init on Image
• Init on H1
• Initialized Event
• Edit in Popup

Links

• Link Styles
• Predefined Links
• Custom Link Validation

Plugins

• Line Breaker
• Quick Insert
• Char Counter
• Full Screen

Popups

• Custom Color Picker
• Custom Emoticons
• Custom Popup

Styling

• Font Family
• Inline Styling
• Paragraph Styling
• Placeholder
• Predefined Height
• Auto-Adjustable Height
• Predefined Width

Themes

• Dark Theme
• Gray Theme
• Royal Theme

Table

• Nested Tables
• Resize Table
• Table Insert Helper
• Table Style
• Table Cell Style

Toolbar

• Inline Toolbar
• Sticky Toolbar
• Change Toolbar Buttons
• External Shared Toolbar
• External Shared Inline Toolbar
• Toolbar Bottom
• Toolbar with Offset
• Toolbar Bottom with Offset
• Show Selection Details
• Inline Toolbar without Selection

Paragraph Modes

• Enter BR
• Enter DIV
• Enter P

Misc

• Scrollable Container
• Scrollable Container Inline

Typing

• TAB Key
• Shortcuts
• Keep Format on Delete

Paste

• Plain Paste
• Allowed / Denied Attributes
• Allowed / Denied Tags

一键复制

编辑

Web IDE

原始数据

按行查看

历史