From dc70306c6e510dfd4e815ced185b9763b233b241 Mon Sep 17 00:00:00 2001 From: Taufik Nurrohman Date: Mon, 22 May 2017 11:16:29 +0700 Subject: [PATCH] Update --- index.html | 5 +++-- rich-text-editor.css | 2 +- rich-text-editor.min.css | 2 +- rich-text-editor.t-custom.html | 38 ++++++++++++++++++++++++++++++++++ 4 files changed, 43 insertions(+), 4 deletions(-) create mode 100644 rich-text-editor.t-custom.html diff --git a/index.html b/index.html index b3aa79f..deb8d08 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ Rich Text Editor - +
@@ -20,8 +20,9 @@

Examples

  • Disable Source View
  • Hide Editor Tools
  • Show Editor Tools
    • -
  • Put Editor Tools on Top
  • Custom Editor Tools
    • +
  • Custom Editor Tools: Position
    • +
  • Custom Editor Tools: Icons
  • Custom Tool: Code
  • Custom Tool: Abbreviation
  • Custom Tool: Font
    • diff --git a/rich-text-editor.css b/rich-text-editor.css index 8a07225..d39f9c1 100644 --- a/rich-text-editor.css +++ b/rich-text-editor.css @@ -96,8 +96,8 @@ font:inherit; font-family:'Courier New',Courier,'Nimbus Mono L',Monospace; padding:.25em .5em; - resize:vertical; overflow:auto; + resize:none; display:none; } .rich-text-editor.source .rich-text-editor-view {display:none} diff --git a/rich-text-editor.min.css b/rich-text-editor.min.css index e1e6be2..1e7debc 100644 --- a/rich-text-editor.min.css +++ b/rich-text-editor.min.css @@ -1 +1 @@ -.rich-text-editor,.rich-text-editor-source,.rich-text-editor-tool,.rich-text-editor-view{display:block;margin:0;padding:0;background:0 0;font:inherit;color:inherit;border:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rich-text-editor ::-webkit-input-placeholder{opacity:.5;color:inherit}.rich-text-editor ::-moz-placeholder{opacity:.5;color:inherit}.rich-text-editor ::placeholder{opacity:.5;color:inherit}.rich-text-editor{border:1px solid #000;background:#fff;color:#000;line-height:1.5em;position:relative}.rich-text-editor-tool{font:normal normal 100%/2em "Times New Roman",Times,Serif;text-align:center;-webkit-transition:all .25s ease-out .25s;-moz-transition:all .25s ease-out .25s;transition:all .25s ease-out .25s;opacity:0;visibility:hidden}.rich-text-editor-tool:after{content:"";display:table;clear:both}.rich-text-editor-tool a{display:block;float:left;width:2em;height:2em;color:#00f;text-decoration:none}.rich-text-editor-tool svg{display:inline-block;vertical-align:middle;width:1em;height:1em;line-height:1em;font-weight:400;font-style:normal;text-decoration:none;fill:currentColor}.rich-text-editor-tool a:focus,.rich-text-editor-tool a:hover{background:#eff}.rich-text-editor-view{display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:1em;min-height:1.5em;overflow:auto}.rich-text-editor.expand .rich-text-editor-view{min-height:6em}.rich-text-editor-source:focus+.rich-text-editor-tool,.rich-text-editor-view:focus+.rich-text-editor-source+.rich-text-editor-tool,.rich-text-editor:hover .rich-text-editor-tool{-webkit-transition-delay:.125s;-moz-transition-delay:.125s;transition-delay:.125s;opacity:1;visibility:visible}.rich-text-editor.source .rich-text-editor-tool a{display:none}.rich-text-editor.source .rich-text-editor-tool .rich-text-editor-t\:x{display:block}.rich-text-editor-source{width:100%;min-height:8em;background:#def;font:inherit;font-family:'Courier New',Courier,'Nimbus Mono L',Monospace;padding:.25em .5em;resize:vertical;overflow:auto;display:none}.rich-text-editor.source .rich-text-editor-view{display:none}.rich-text-editor.source .rich-text-editor-source{display:block}.rich-text-editor-d{background:inherit;border:inherit;border-width:0;position:absolute;top:0;right:0;bottom:2em;left:0;padding:1em;display:none}.rich-text-editor-d input{display:inline-block;vertical-align:middle;width:12em;background:0 0;border:0;outline:0;border-bottom:2px solid;border-color:inherit;font:inherit;color:#00f;margin:0;padding:0 0 .25em}.rich-text-editor.d .rich-text-editor-d{display:block}.rich-text-editor.error{border-color:red}.rich-text-editor-view:empty:before{content:attr(placeholder);opacity:.4}.rich-text-editor-view:focus:before{display:none}.rich-text-editor-view a{color:#00f;text-decoration:underline}.rich-text-editor-view mark{background:#ff0;color:inherit}.rich-text-editor-view abbr{text-decoration:none;border-bottom:1px dotted}.rich-text-editor-view b,.rich-text-editor-view strong{font-weight:700}.rich-text-editor-view dfn,.rich-text-editor-view em,.rich-text-editor-view i,.rich-text-editor-view var{font-style:italic}.rich-text-editor-view ins,.rich-text-editor-view u{text-decoration:underline} \ No newline at end of file +.rich-text-editor,.rich-text-editor-source,.rich-text-editor-tool,.rich-text-editor-view{display:block;margin:0;padding:0;background:0 0;font:inherit;color:inherit;border:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rich-text-editor ::-webkit-input-placeholder{opacity:.5;color:inherit}.rich-text-editor ::-moz-placeholder{opacity:.5;color:inherit}.rich-text-editor ::placeholder{opacity:.5;color:inherit}.rich-text-editor{border:1px solid #000;background:#fff;color:#000;line-height:1.5em;position:relative}.rich-text-editor-tool{font:normal normal 100%/2em "Times New Roman",Times,Serif;text-align:center;-webkit-transition:all .25s ease-out .25s;-moz-transition:all .25s ease-out .25s;transition:all .25s ease-out .25s;opacity:0;visibility:hidden}.rich-text-editor-tool:after{content:"";display:table;clear:both}.rich-text-editor-tool a{display:block;float:left;width:2em;height:2em;color:#00f;text-decoration:none}.rich-text-editor-tool svg{display:inline-block;vertical-align:middle;width:1em;height:1em;line-height:1em;font-weight:400;font-style:normal;text-decoration:none;fill:currentColor}.rich-text-editor-tool a:focus,.rich-text-editor-tool a:hover{background:#eff}.rich-text-editor-view{display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:1em;min-height:1.5em;overflow:auto}.rich-text-editor.expand .rich-text-editor-view{min-height:6em}.rich-text-editor-source:focus+.rich-text-editor-tool,.rich-text-editor-view:focus+.rich-text-editor-source+.rich-text-editor-tool,.rich-text-editor:hover .rich-text-editor-tool{-webkit-transition-delay:.125s;-moz-transition-delay:.125s;transition-delay:.125s;opacity:1;visibility:visible}.rich-text-editor.source .rich-text-editor-tool a{display:none}.rich-text-editor.source .rich-text-editor-tool .rich-text-editor-t\:x{display:block}.rich-text-editor-source{width:100%;min-height:8em;background:#def;font:inherit;font-family:'Courier New',Courier,'Nimbus Mono L',Monospace;padding:.25em .5em;overflow:auto;resize:none;display:none}.rich-text-editor.source .rich-text-editor-view{display:none}.rich-text-editor.source .rich-text-editor-source{display:block}.rich-text-editor-d{background:inherit;border:inherit;border-width:0;position:absolute;top:0;right:0;bottom:2em;left:0;padding:1em;display:none}.rich-text-editor-d input{display:inline-block;vertical-align:middle;width:12em;background:0 0;border:0;outline:0;border-bottom:2px solid;border-color:inherit;font:inherit;color:#00f;margin:0;padding:0 0 .25em}.rich-text-editor.d .rich-text-editor-d{display:block}.rich-text-editor.error{border-color:red}.rich-text-editor-view:empty:before{content:attr(placeholder);opacity:.4}.rich-text-editor-view:focus:before{display:none}.rich-text-editor-view a{color:#00f;text-decoration:underline}.rich-text-editor-view mark{background:#ff0;color:inherit}.rich-text-editor-view abbr{text-decoration:none;border-bottom:1px dotted}.rich-text-editor-view b,.rich-text-editor-view strong{font-weight:700}.rich-text-editor-view dfn,.rich-text-editor-view em,.rich-text-editor-view i,.rich-text-editor-view var{font-style:italic}.rich-text-editor-view ins,.rich-text-editor-view u{text-decoration:underline} \ No newline at end of file diff --git a/rich-text-editor.t-custom.html b/rich-text-editor.t-custom.html new file mode 100644 index 0000000..d09d1a7 --- /dev/null +++ b/rich-text-editor.t-custom.html @@ -0,0 +1,38 @@ + + + + + + Demo + + + + +

    Plain Text

    +

    +

    Font Awesome

    +

    + + + + \ No newline at end of file