mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-20 06:01:24 +02:00
Code Issues Releases Wiki Activity

change zero-width spaces to use data attributes for consistency

Browse Source
This commit is contained in:
Ian Storm Taylor
2016-12-07 21:16:04 -08:00
parent 2e797aeb56
commit 5808e64635
7 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/leaf.js
View File

@@ -264,7 +264,7 @@ class Leaf extends React.Component {
// COMPAT: If the text is empty otherwise, it's because it's on the edge of
// an inline void node, so we render a zero-width space so that the
// selection can be inserted next to it still.
if (text == '') return <span className="slate-zero-width-space">{'\u200B'}</span>
if (text == '') return <span data-slate-zero-width>{'\u200B'}</span>
// COMPAT: Browsers will collapse trailing new lines at the end of blocks,
// so we need to add an extra trailing new lines to prevent that.

2
src/plugins/core.js
View File

@@ -229,7 +229,7 @@ function Plugin(options = {}) {
// Remove any zero-width space spans from the cloned DOM so that they don't
// show up elsewhere when copied.
const zws = [].slice.call(contents.querySelectorAll('.slate-zero-width-space'))
const zws = [].slice.call(contents.querySelectorAll('[data-slate-zero-width]'))
zws.forEach(zw => zw.parentNode.removeChild(zw))
// Wrap the first character of the selection in a span that has the encoded

2
test/rendering/fixtures/custom-block-void/output.html
View File

@@ -3,7 +3,7 @@
<div data-slate-void="true" style="position:relative;">
<span style="position:absolute;top:0px;left:-9999px;text-indent:-9999px;">
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
<div contenteditable="false">

6
test/rendering/fixtures/custom-inline-void/output.html
View File

@@ -3,13 +3,13 @@
<div style="position:relative;">
<span>
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
<span data-slate-void="true" style="position:relative;">
<span style="position:relative;top:0px;left:-9999px;text-indent:-9999px;">
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
<span contenteditable="false">
@@ -18,7 +18,7 @@
</span>
<span>
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
</div>

4
test/rendering/fixtures/custom-inline/output.html
View File

@@ -3,7 +3,7 @@
<div style="position:relative;">
<span>
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
<a href="https://google.com">
@@ -13,7 +13,7 @@
</a>
<span>
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
</div>

4
test/rendering/fixtures/default-block-and-inline/output.html
View File

@@ -3,7 +3,7 @@
<div style="position:relative;">
<span>
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
<span style="position:relative;">
@@ -13,7 +13,7 @@
</span>
<span>
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
</div>

6
test/rendering/fixtures/multiple-custom-inline/output.html
View File

@@ -3,7 +3,7 @@
<div style="position:relative;">
<span>
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
<a href="https://google.com">
@@ -13,7 +13,7 @@
</a>
<span>
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
<a href="https://google.com">
@@ -23,7 +23,7 @@
</a>
<span>
<span>
<span class="slate-zero-width-space">&#x200B;</span>
<span data-slate-zero-width="true">&#x200B;</span>
</span>
</span>
</div>