diff --git a/src/render/idyll-display/components/author-tool-buttons.js b/src/render/idyll-display/components/author-tool-buttons.js
index 2f9cdb0..8c84472 100644
--- a/src/render/idyll-display/components/author-tool-buttons.js
+++ b/src/render/idyll-display/components/author-tool-buttons.js
@@ -74,7 +74,7 @@ class AuthorToolButtons extends React.PureComponent {
)}
this.setState({ isHovering: true })} onMouseLeave={() => this.setState({ isHovering: false })}>
-
-
+ }
);
diff --git a/src/render/idyll-display/components/drop-target.js b/src/render/idyll-display/components/drop-target.js
index b20ea4f..1e228af 100644
--- a/src/render/idyll-display/components/drop-target.js
+++ b/src/render/idyll-display/components/drop-target.js
@@ -71,7 +71,6 @@ const withDropListener = (callback) => {
var tagInfo = this.context.propsMap.get(name.split('-').map(s => s.charAt(0).toUpperCase() + s.slice(1)).join('')) || { name: name };
var tagName = (tagInfo ? (tagInfo.name || name) : name).split('-').map(s => s.charAt(0).toUpperCase() + s.slice(1)).join('')
-
var tag = '[' + tagName + ' ';
if (tagInfo.props !== undefined) {
tagInfo.props
diff --git a/src/render/idyll-display/components/text-edit.js b/src/render/idyll-display/components/text-edit.js
index c9c0053..c68eea7 100644
--- a/src/render/idyll-display/components/text-edit.js
+++ b/src/render/idyll-display/components/text-edit.js
@@ -66,9 +66,10 @@ class TextEdit extends React.PureComponent {
}
getTag(name) {
- var tagInfo = this.context.propsMap.get(name);
+ var tagInfo = this.context.propsMap.get(name.split('-').map(s => s.charAt(0).toUpperCase() + s.slice(1)).join('')) || { name: name };
+ var tagName = (tagInfo ? (tagInfo.name || name) : name).split('-').map(s => s.charAt(0).toUpperCase() + s.slice(1)).join('')
- var tag = '[' + tagInfo.name + ' ';
+ var tag = '[' + tagName + ' ';
if (tagInfo.props !== undefined) {
tagInfo.props.filter(prop => prop.example !== undefined).forEach((prop) => {
tag += prop.name + ':' + prop.example + ' ';
@@ -78,7 +79,7 @@ class TextEdit extends React.PureComponent {
tag += ' /]';
} else {
var children = tagInfo.children !== undefined ? tagInfo.children[0] : '';
- tag += ']' + children + '[/' + tagInfo.name + ']';
+ tag += ']' + children + '[/' + tagName + ']';
}
return tag;