Skip to content

Instantly share code, notes, and snippets.

@bwalex
Created April 14, 2018 15:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bwalex/137054c5cec4e7a56be734cad32c8fd6 to your computer and use it in GitHub Desktop.
Save bwalex/137054c5cec4e7a56be734cad32c8fd6 to your computer and use it in GitHub Desktop.
--- resources/public/js/main.js 2018-04-14 16:00:55.801392016 +0100
+++ /tmp/main.js 2018-04-14 16:00:30.202508912 +0100
@@ -3186,8 +3186,8 @@
d.type;var r=cU.utils.isSelectionInTable(c.props.value);return AE.createElement(TT,(a={og:c.Nb("heading-one"),rg:c.Nb("heading-two"),qg:c.Nb("heading-three"),ng:c.Nb("heading-four"),mg:c.Nb("heading-five"),pg:c.Nb("heading-six"),vg:c.mf,Wf:c.gc("bold"),ug:c.fc("bold")},WT(a,"boldActive",c.gc("bold")),WT(a,"onBold",c.fc("bold")),WT(a,"italicActive",c.gc("italic")),WT(a,"onItalic",c.fc("italic")),WT(a,"underlineActive",c.gc("underlined")),WT(a,"onUnderline",c.fc("underlined")),WT(a,"strikethroughActive",
c.gc("strikethrough")),WT(a,"onStrikethrough",c.fc("strikethrough")),WT(a,"highlightActive",c.gc("highlighted")),WT(a,"onHighlight",c.fc("highlighted")),WT(a,"codeMarkActive",c.gc("code")),WT(a,"onCodeMark",c.fc("code")),WT(a,"onLink",c.pf),WT(a,"bulletListActive",m),WT(a,"onBulletList",c.Lc("bulleted-list")),WT(a,"numberListActive",n),WT(a,"onNumberList",c.Lc("numbered-list")),WT(a,"checkListActive",d),WT(a,"onCheckList",c.Lc("check-list")),WT(a,"listActive",b),WT(a,"onOutdent",c.Lc("decrease")),
WT(a,"onIndent",c.Lc("increase")),WT(a,"blockquoteActive",c.Nb("block-quote")),WT(a,"onBlockquote",c.je("block-quote")),WT(a,"codeActive",c.Nb("code")),WT(a,"onCode",c.je("code")),WT(a,"tableActive",r),WT(a,"onTable",c.Mb("insert-table")),WT(a,"onInsertCol",c.Mb("insert-col")),WT(a,"onInsertRow",c.Mb("insert-row")),WT(a,"onDeleteCol",c.Mb("remove-col")),WT(a,"onDeleteRow",c.Mb("remove-row")),WT(a,"onDeleteTable",c.Mb("remove-table")),WT(a,"onColAlignLeft",c.Mb("align-left")),WT(a,"onColAlignCenter",
-c.Mb("align-center")),WT(a,"onColAlignRight",c.Mb("align-right")),a))};c.renderEditor=function(){return AE.createElement("div",{style:{flex:1,display:"flex"}},AE.createElement(iT.Editor,{spellCheck:!0,className:"rich-text",plugins:fU,placeholder:c.props.readOnly?"":"Enter some rich text...",renderNode:kU(c.props.readOnly),zg:lU,jg:function(){},value:c.props.value,onChange:c.onChange,onKeyDown:c.onKeyDown,onPaste:c.onPaste,readOnly:c.props.readOnly,style:{flex:1},ref:function(a){c.editor=a;console.log("editor ref",
-a)}}),AE.createElement(hU,{"is-open":c.state.Nd,value:c.props.value,onChange:c.onChange,onClose:c.nf}))};c.state={Nd:!1};return c}YT(b,a);UT(b,[{key:"render",value:function(){return AE.createElement("div",{style:{display:"flex",flexDirection:"row",flexGrow:1}},this.renderEditor(),!this.props.readOnly&&this.If())}}]);return b}(AE.Component),nU={};nU.kg=$T;nU.editorEmptyState=aU;
+c.Mb("align-center")),WT(a,"onColAlignRight",c.Mb("align-right")),a))};c.renderEditor=function(){return AE.createElement("div",{style:{flex:1,display:"flex"}},AE.createElement(iT.Editor,{spellCheck:!0,className:"rich-text",plugins:fU,placeholder:c.props.readOnly?"":"Enter some rich text...",renderNode:kU(c.props.readOnly),renderMark:lU,jg:function(){},value:c.props.value,onChange:c.onChange,onKeyDown:c.onKeyDown,onPaste:c.onPaste,readOnly:c.props.readOnly,style:{flex:1},ref:function(a){c.editor=a;
+console.log("editor ref",a)}}),AE.createElement(hU,{"is-open":c.state.Nd,value:c.props.value,onChange:c.onChange,onClose:c.nf}))};c.state={Nd:!1};return c}YT(b,a);UT(b,[{key:"render",value:function(){return AE.createElement("div",{style:{display:"flex",flexDirection:"row",flexGrow:1}},this.renderEditor(),!this.props.readOnly&&this.If())}}]);return b}(AE.Component),nU={};nU.kg=$T;nU.editorEmptyState=aU;
nU.editorDeserialize=function(a){var b="string"===typeof a?a:"";try{return gT.Value.fromJSON(JSON.parse(a))}catch(c){return a=JSON.parse($T(b,"WARNING: "+(c.message||""+c))),gT.Value.fromJSON(a)}};nU.editorSerialize=function(a){return JSON.stringify(a.toJSON())};nU.Editor=mU;var oU=nU.Editor;console.log("editor:",nU);console.log("ReactEditor:",oU);var pU=uG(oU),qU=nU.editorSerialize,rU=nU.editorDeserialize,sU=nU.editorEmptyState;var tU=function tU(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;c=1<c.length?new B(c.slice(1),0,null):null;return tU.A(arguments[0],c)};
tU.A=function(a){var b=null!=a&&(a.B&64||k===a.F)?M(R,a):a,c=w.l(b,Wk),d=w.l(b,ly),e=te.o(ve.A(a,Wk,J([ly])),am,"row");return new O(null,6,5,P,[HO,e,new O(null,2,5,P,[vP,new l(null,4,[S,new l(null,1,[Zt,"1em"],null),UB,3,Io,G.l(d,3),sm,function(a,b,c){return function(){return c.c?c.c(3):c.call(null,3)}}(a,b,c,d,e)],null)],null),new O(null,2,5,P,[vP,new l(null,4,[S,new l(null,1,[Zt,"1em"],null),UB,2,Io,G.l(d,2),sm,function(a,b,c){return function(){return c.c?c.c(2):c.call(null,2)}}(a,b,c,d,e)],null)],
null),new O(null,2,5,P,[vP,new l(null,4,[S,new l(null,1,[Zt,"1em"],null),UB,1,Io,G.l(d,1),sm,function(a,b,c){return function(){return c.c?c.c(1):c.call(null,1)}}(a,b,c,d,e)],null)],null),new O(null,2,5,P,[wP,new l(null,3,[S,Q,qr,"No priority",sm,function(a,b,c){return function(){return c.c?c.c(null):c.call(null,null)}}(a,b,c,d,e)],null)],null)],null)};tU.C=1;tU.D=function(a){var b=E(a);a=F(a);return this.A(b,a)};
@bwalex
Copy link
Author

bwalex commented Apr 14, 2018

The source to that is:

      return React.createElement(
        'div',
        { style: style },
        React.createElement(Slate, {
          spellCheck: true,
          className: 'rich-text',
          plugins: plugins,
          placeholder: _this.props.readOnly ? "" : "Enter some rich text...",
          renderNode: renderNode(_this.props.readOnly),
          renderMark: renderMark,
          decorateNode: function decorateNode() {
            return undefined;
          },
          value: _this.props.value,
          onChange: _this.onChange,
          onKeyDown: _this.onKeyDown,
          onPaste: _this.onPaste,
          readOnly: _this.props.readOnly,
          style: innerStyle,
          ref: function ref(v) {
            _this.editor = v;console.log("editor ref", v);
          } }),
        React.createElement(InsertLinkModal, {
          'is-open': _this.state.showLinkModal,
          value: _this.props.value,
          onChange: _this.onChange,
          onClose: _this.handleHideLinkModal })
      );
    };

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment