Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Light weight TinyMCE for Fred using Bootstrap styles
{
"theme": "inlite",
"inline": true,
"plugins": "modxlink image imagetools media lists hr code visualblocks table",
"insert_toolbar": "image media quicktable modxlink hr",
"selection_toolbar": "styleselect fontsizeselect | alignleft aligncenter alignright bullist numlist | quickimage media table modxlink | undo redo removeformat | visualblocks code",
"image_advtab": true,
"imagetools_toolbar": "editimage imageoptions | alignleft aligncenter alignright | rotateleft rotateright | flipv fliph | removeformat code",
"image_class_list": [
{
"title": "None",
"value": ""
},
{
"title": "responsive",
"value": "img-fluid"
}
],
"auto_focus": false,
"branding": false,
"relative_urls": false,
"image_dimensions": false,
"fontsize_formats": "0.8em 0.9em 1em 1.1em 1.2em 1.3em 1.4em 1.5em 1.6em 1.7em 1.8em 1.9em 2em 2.1em 2.2em 2.3em 2.4em 2.5em 2.6em 2.7em 2.8em 2.9em 3em 3.1em 3.2em 3.3em 3.4em 3.5em 3.6em",
"style_formats_merge": true,
"style_formats": [
{
"title": "Display headings",
"items": [
{
"title": "Display 1",
"selector": "h1,h2,h3,h4,h5,h6,p,a",
"classes": "display-1",
"exact": true
},
{
"title": "Display 2",
"selector": "h1,h2,h3,h4,h5,h6,p,a",
"classes": "display-2",
"exact": true
},
{
"title": "Display 3",
"selector": "h1,h2,h3,h4,h5,h6,p,a",
"classes": "display-3",
"exact": true
},
{
"title": "Display 4",
"selector": "h1,h2,h3,h4,h5,h6,p,a",
"classes": "display-4",
"exact": true
}
]
},
{
"title": "Text transform",
"items": [
{
"title": "Lead paragraph",
"block": "p",
"classes": "lead"
},
{
"title": "Uppercase",
"selector": "p,a,li,span,td,div,h1,h2,h3,h4,h5,h6",
"classes": "text-uppercase",
"exact": true
},
{
"title": "Lowercase",
"selector": "p,a,li,span,td,div,h1,h2,h3,h4,h5,h6",
"classes": "text-lowercase",
"exact": true
},
{
"title": "Capitalize",
"selector": "p,a,li,span,td,div,h1,h2,h3,h4,h5,h6",
"classes": "text-capitalize",
"exact": true
},
{
"title": "Font bolder",
"selector": "p,a,li,span,td,div,h1,h2,h3,h4,h5,h6",
"classes": "font-weight-bolder",
"exact": true
},
{
"title": "Font light",
"selector": "p,a,li,span,td,div,h1,h2,h3,h4,h5,h6",
"classes": "font-weight-light",
"exact": true
},
{
"title": "Font lighter",
"selector": "p,a,li,span,td,div,h1,h2,h3,h4,h5,h6",
"classes": "font-weight-lighter",
"exact": true
}
]
},
{
"title": "Text colors",
"items": [
{
"title": "Primary",
"inline": "span",
"classes": "text-primary",
"exact": true
},
{
"title": "Secondary",
"inline": "span",
"classes": "text-secondary",
"exact": true
},
{
"title": "Success",
"inline": "span",
"classes": "text-success",
"exact": true
},
{
"title": "Danger",
"inline": "span",
"classes": "text-danger",
"exact": true
},
{
"title": "Warning",
"inline": "span",
"classes": "text-warning",
"exact": true
},
{
"title": "Info",
"inline": "span",
"classes": "text-info",
"exact": true
},
{
"title": "Light",
"inline": "span",
"classes": "text-light",
"exact": true
},
{
"title": "Dark",
"inline": "span",
"classes": "text-dark",
"exact": true
},
{
"title": "Body",
"inline": "span",
"classes": "text-body",
"exact": true
},
{
"title": "Muted",
"inline": "span",
"classes": "text-muted",
"exact": true
},
{
"title": "White",
"inline": "span",
"classes": "text-white",
"exact": true
},
{
"title": "Black 50",
"inline": "span",
"classes": "text-black-50",
"exact": true
},
{
"title": "white 50",
"inline": "span",
"classes": "text-white-50",
"exact": true
}
]
},
{
"title": "Add button",
"items": [
{
"title": "Create button",
"selector": "a",
"classes": "btn"
}
]
},
{
"title": "Solid button",
"items": [
{
"title": "Primary button",
"selector": "a",
"classes": "btn-primary"
},
{
"title": "Secondary button",
"selector": "a",
"classes": "btn-secondary"
},
{
"title": "Success button",
"selector": "a",
"classes": "btn-success"
},
{
"title": "Danger button",
"selector": "a",
"classes": "btn-danger"
},
{
"title": "Warning button",
"selector": "a",
"classes": "btn-warning"
},
{
"title": "Info button",
"selector": "a",
"classes": "btn-info"
},
{
"title": "Light button",
"selector": "a",
"classes": "btn-light"
},
{
"title": "Dark button",
"selector": "a",
"classes": "btn-dark"
},
{
"title": "Link button",
"selector": "a",
"classes": "btn-link"
}
]
},
{
"title": "Outline button",
"items": [
{
"title": "Primary button",
"selector": "a",
"classes": "btn-outline-primary"
},
{
"title": "Secondary button",
"selector": "a",
"classes": "btn-outline-secondary"
},
{
"title": "Success button",
"selector": "a",
"classes": "btn-outline-success"
},
{
"title": "Danger button",
"selector": "a",
"classes": "btn-outline-danger"
},
{
"title": "Warning button",
"selector": "a",
"classes": "btn-outline-warning"
},
{
"title": "Info button",
"selector": "a",
"classes": "btn-outline-info"
},
{
"title": "Light button",
"selector": "a",
"classes": "btn-outline-light"
},
{
"title": "Dark button",
"selector": "a",
"classes": "btn-outline-dark"
}
]
},
{
"title": "Button size",
"items": [
{
"title": "Button small",
"selector": "a",
"classes": "btn-sm"
},
{
"title": "Button default",
"selector": "a",
"classes": "btn-norm"
},
{
"title": "Button large",
"selector": "a",
"classes": "btn-lg"
},
{
"title": "Button block",
"selector": "a",
"classes": "btn-block"
}
]
},
{
"title": "Additional styles",
"items": [
{
"title": "Unstyled list",
"selector": "ul",
"classes": "list-unstyled"
},
{
"title": "No underline link",
"selector": "a",
"classes": "text-decoration-none"
},
{
"title": "Reset link color",
"selector": "a",
"classes": "text-reset"
},
{
"title": "Stretched link",
"selector": "a",
"classes": "stretched-link"
},
{
"title": "badge",
"block": "div",
"classes": "badge badge-primary text-wrap"
}
]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.