| リビジョン | 91 (tree) |
|---|---|
| 日時 | 2019-02-25 19:25:59 |
| 作者 |  hirukawa_ryo |
* flexmark-ext-inline-tags 0.1.2 kbdタグ、sampタグにdata-lengthカスタム属性を追加して文字数を設定するようにしました。これにより、CSSで文字数に応じて異なるスタイルを指定できるようになりますた。たとえば、文字数が少ない場合は white-space: pre で折り返しを禁止、文字数が多い場合は white-space: pre-wrap で折り返しを許可するようなことができます。
flexmark-ext-inline-tags/trunk/build.gradle (diff)
flexmark-ext-inline-tags/trunk/src/main/java/net/osdn/blogs/flexmark/ext/kbd/internal/KbdNodeRenderer.java (diff) flexmark-ext-inline-tags/trunk/src/main/java/net/osdn/blogs/flexmark/ext/samp_button/internal/SampButtonNodeRenderer.java (diff)| @@ -31,7 +31,9 @@ | ||
| 31 | 31 | } |
| 32 | 32 | |
| 33 | 33 | private void render(Kbd node, NodeRendererContext context, HtmlWriter html) { |
| 34 | - html.withAttr().tag("kbd").text(node.getText()).tag("/kbd"); | |
| 34 | + html.withAttr() | |
| 35 | + .attr("data-length", Integer.toString(node.getText().length())) | |
| 36 | + .tag("kbd").text(node.getText()).tag("/kbd"); | |
| 35 | 37 | } |
| 36 | 38 | |
| 37 | 39 | public static class Factory implements NodeRendererFactory { |
| @@ -31,7 +31,10 @@ | ||
| 31 | 31 | } |
| 32 | 32 | |
| 33 | 33 | private void render(SampButton node, NodeRendererContext context, HtmlWriter html) { |
| 34 | - html.withAttr().attr("class", "button").tag("samp").text(node.getText()).tag("/samp"); | |
| 34 | + html.withAttr() | |
| 35 | + .attr("class", "button") | |
| 36 | + .attr("data-length", Integer.toString(node.getText().length())) | |
| 37 | + .tag("samp").text(node.getText()).tag("/samp"); | |
| 35 | 38 | } |
| 36 | 39 | |
| 37 | 40 | public static class Factory implements NodeRendererFactory { |
