[frontend] Custom CSS scope identifier for mfm text
This commit is contained in:
parent
72dd36d485
commit
9b826ca1bf
2 changed files with 13 additions and 1 deletions
|
@ -19,6 +19,7 @@ public class MfmRenderer
|
||||||
public static INode RenderMultipleNodes(IEnumerable<MfmNodeTypes.MfmNode> nodes, IDocument document)
|
public static INode RenderMultipleNodes(IEnumerable<MfmNodeTypes.MfmNode> nodes, IDocument document)
|
||||||
{
|
{
|
||||||
var el = document.CreateElement("p");
|
var el = document.CreateElement("p");
|
||||||
|
el.SetAttribute("mfm", "mfm");
|
||||||
foreach (var node in nodes)
|
foreach (var node in nodes)
|
||||||
{
|
{
|
||||||
try
|
try
|
||||||
|
@ -46,7 +47,7 @@ public class MfmRenderer
|
||||||
MfmNodeTypes.MfmSearchNode mfmSearchNode => throw new NotImplementedException(),
|
MfmNodeTypes.MfmSearchNode mfmSearchNode => throw new NotImplementedException(),
|
||||||
MfmNodeTypes.MfmBlockNode mfmBlockNode => throw new NotImplementedException(),
|
MfmNodeTypes.MfmBlockNode mfmBlockNode => throw new NotImplementedException(),
|
||||||
MfmNodeTypes.MfmBoldNode mfmBoldNode => MfmBoldNode(mfmBoldNode, document),
|
MfmNodeTypes.MfmBoldNode mfmBoldNode => MfmBoldNode(mfmBoldNode, document),
|
||||||
MfmNodeTypes.MfmEmojiCodeNode mfmEmojiCodeNode => throw new NotImplementedException(),
|
MfmNodeTypes.MfmEmojiCodeNode mfmEmojiCodeNode => MfmEmojiCodeNode(mfmEmojiCodeNode, document),
|
||||||
MfmNodeTypes.MfmFnNode mfmFnNode => throw new NotImplementedException(),
|
MfmNodeTypes.MfmFnNode mfmFnNode => throw new NotImplementedException(),
|
||||||
MfmNodeTypes.MfmHashtagNode mfmHashtagNode => throw new NotImplementedException(),
|
MfmNodeTypes.MfmHashtagNode mfmHashtagNode => throw new NotImplementedException(),
|
||||||
MfmNodeTypes.MfmInlineCodeNode mfmInlineCodeNode => throw new NotImplementedException(),
|
MfmNodeTypes.MfmInlineCodeNode mfmInlineCodeNode => throw new NotImplementedException(),
|
||||||
|
@ -81,6 +82,13 @@ public class MfmRenderer
|
||||||
return rendered;
|
return rendered;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private static INode MfmEmojiCodeNode(MfmNodeTypes.MfmEmojiCodeNode node, IDocument document)
|
||||||
|
{
|
||||||
|
var el = document.CreateElement("span");
|
||||||
|
el.TextContent = node.Name;
|
||||||
|
el.ClassName = "emoji";
|
||||||
|
return el;
|
||||||
|
}
|
||||||
private static INode MfmUrlNode(MfmNodeTypes.MfmUrlNode node, IDocument document)
|
private static INode MfmUrlNode(MfmNodeTypes.MfmUrlNode node, IDocument document)
|
||||||
{
|
{
|
||||||
var el = document.CreateElement("a");
|
var el = document.CreateElement("a");
|
||||||
|
|
|
@ -9,6 +9,10 @@
|
||||||
<SatelliteResourceLanguages>none</SatelliteResourceLanguages>
|
<SatelliteResourceLanguages>none</SatelliteResourceLanguages>
|
||||||
</PropertyGroup>
|
</PropertyGroup>
|
||||||
|
|
||||||
|
<ItemGroup>
|
||||||
|
<None Update="Components/MfmText.razor.css" CssScope="mfm" />
|
||||||
|
</ItemGroup>
|
||||||
|
|
||||||
<PropertyGroup Condition=" '$(Configuration)' == 'Release' ">
|
<PropertyGroup Condition=" '$(Configuration)' == 'Release' ">
|
||||||
<DebugType>embedded</DebugType>
|
<DebugType>embedded</DebugType>
|
||||||
</PropertyGroup>
|
</PropertyGroup>
|
||||||
|
|
Loading…
Add table
Reference in a new issue