tag:github.com,2008:https://github.com/SamyPesse/draft-js-code/releases Release notes from draft-js-code 2017-10-23T13:17:13Z tag:github.com,2008:Repository/60646462/v0.3.0 2017-10-23T13:20:25Z v0.3.0 <h2>Breaking changes</h2> <ul> <li>Remove code block splitting with <kbd>CMD+ENTER</kbd> (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="260074428" data-permission-text="Title is private" data-url="https://github.com/SamyPesse/draft-js-code/issues/21" data-hovercard-type="issue" data-hovercard-url="/SamyPesse/draft-js-code/issues/21/hovercard" href="https://github.com/SamyPesse/draft-js-code/issues/21">#21</a>)</li> <li>Rename <code>handleTab</code> to <code>onTab</code> (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="267659430" data-permission-text="Title is private" data-url="https://github.com/SamyPesse/draft-js-code/issues/28" data-hovercard-type="issue" data-hovercard-url="/SamyPesse/draft-js-code/issues/28/hovercard" href="https://github.com/SamyPesse/draft-js-code/issues/28">#28</a>)</li> </ul> <h2>Upgrade guide</h2> <div class="highlight highlight-source-shell notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="npm i --save draft-js-code@0.3.0"><pre>npm i --save draft-js-code@0.3.0</pre></div> <p>If you need code block splitting in your app, you can still upgrade and then copy and paste the below code into your own app to get the behaviour back:</p> <div class="highlight highlight-source-js notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import { KeyBindingUtil, Modifier, EditorState } from 'draft-js'; class Editor extends React.Component { handleReturn = () =&gt; { const editorState = this.state.editorState; const contentState = editorState.getCurrentContent(); const selection = editorState.getSelection(); if (selection.isCollapsed() &amp;&amp; KeyBindingUtil.hasCommandModifier(e)) { var newContentState = Modifier.splitBlock(contentState, selection); this.onChange(EditorState.push(editorState, newContentState, 'split-block')); } return; } }"><pre><span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-v">KeyBindingUtil</span><span class="pl-kos">,</span> <span class="pl-v">Modifier</span><span class="pl-kos">,</span> <span class="pl-v">EditorState</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'draft-js'</span><span class="pl-kos">;</span> <span class="pl-k">class</span> <span class="pl-v">Editor</span> <span class="pl-k">extends</span> <span class="pl-v">React</span><span class="pl-kos">.</span><span class="pl-c1">Component</span> <span class="pl-kos">{</span> <span class="pl-c1">handleReturn</span> <span class="pl-c1">=</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span> <span class="pl-k">const</span> <span class="pl-s1">editorState</span> <span class="pl-c1">=</span> <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">state</span><span class="pl-kos">.</span><span class="pl-c1">editorState</span><span class="pl-kos">;</span> <span class="pl-k">const</span> <span class="pl-s1">contentState</span> <span class="pl-c1">=</span> <span class="pl-s1">editorState</span><span class="pl-kos">.</span><span class="pl-en">getCurrentContent</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-k">const</span> <span class="pl-s1">selection</span> <span class="pl-c1">=</span> <span class="pl-s1">editorState</span><span class="pl-kos">.</span><span class="pl-en">getSelection</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">selection</span><span class="pl-kos">.</span><span class="pl-en">isCollapsed</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">&amp;&amp;</span> <span class="pl-v">KeyBindingUtil</span><span class="pl-kos">.</span><span class="pl-en">hasCommandModifier</span><span class="pl-kos">(</span><span class="pl-s1">e</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">var</span> <span class="pl-s1">newContentState</span> <span class="pl-c1">=</span> <span class="pl-v">Modifier</span><span class="pl-kos">.</span><span class="pl-en">splitBlock</span><span class="pl-kos">(</span><span class="pl-s1">contentState</span><span class="pl-kos">,</span> <span class="pl-s1">selection</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-en">onChange</span><span class="pl-kos">(</span><span class="pl-v">EditorState</span><span class="pl-kos">.</span><span class="pl-en">push</span><span class="pl-kos">(</span><span class="pl-s1">editorState</span><span class="pl-kos">,</span> <span class="pl-s1">newContentState</span><span class="pl-kos">,</span> <span class="pl-s">'split-block'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span> <span class="pl-k">return</span><span class="pl-kos">;</span> <span class="pl-kos">}</span> <span class="pl-kos">}</span></pre></div> mxstbr tag:github.com,2008:Repository/60646462/v0.2.3 2017-09-27T06:06:45Z v0.2.3 <p>0.2.3</p> mxstbr tag:github.com,2008:Repository/60646462/v0.2.2 2017-09-23T16:03:55Z v0.2.2 <p>0.2.2</p> mxstbr tag:github.com,2008:Repository/60646462/v0.2.1 2017-09-22T19:58:34Z v0.2.1 <p>0.2.1</p> mxstbr tag:github.com,2008:Repository/60646462/0.2.0 2016-06-13T13:59:51Z 0.2.0 <p>Bump version to 0.2.0</p> SamyPesse tag:github.com,2008:Repository/60646462/0.1.1 2016-06-08T16:04:46Z 0.1.1 <p>Bump version to 0.1.1</p> SamyPesse tag:github.com,2008:Repository/60646462/0.1.0 2016-06-08T09:42:37Z 0.1.0 <p>Bump version to 0.1.0</p> SamyPesse tag:github.com,2008:Repository/60646462/0.0.1 2016-06-07T22:56:59Z 0.0.1 <p>Bump version to 0.0.1</p> SamyPesse