前一段时间做一个小项目，遇到一个问题，就是要在用户输入文本时在某个位置显示带有图标的提示，如：“已输入160字”，并显示警告或OK的LOGO。

开始我采用的方案是：准备2个静态控件，前一个显示图标，后一个显示文字。后来发现这个做法很别扭，而且缺乏柔性。由于平时从事WEB开发比较多，我就自然而然地想到了超文本：）为什么不弄一个超文本的控件呢？

使用方法

最后封装出来的类是CHyperText，它继承于CStatic，大家使用的时候，只要将你的静态控件绑定成CHyperText即可，如：

CHyperText m_Hint2; CHyperText m_Hint1;

当然，由于精力有限，我只能实现部分的标签，如下示出已实现的标签：

• FONT：字体的设置，包含face/size/color属性；
• face：字体名，如：黑体；
• size：对应于字体的高度，单位是em；
• color：目前只支持16进制，如：#ff0000，代表红色；
• B：粗体；
• I：斜体；
• U：下划线；
• IMG：图片，包含src属性；
• src：目前只支持位图资源和图标资源，src指定资源的ID，如：src="128"；

哪位vcer有时间的话，可以继续完善其标签。

实现方案

如何解析？

在实现上，我主要采用了CMarkup类完成标签的解析。代码如下：

void CHyperText::Render() { //获取文字内容 CString msg; this->GetWindowText(msg); //加上顶级标签<msg> CString xs; xs.Format("%s%s%s", "<msg>", msg, "</msg>"); //解析文字内容 //CMarkup的用法参考/5809.html CMarkup xml; xml.SetDoc(xs); xml.ResetMainPos(); //构造标签环境 TagContext tc(this, &xml); //找到<msg> if(xml.FindElem()) { Visit(&tc); } }

Visit()的内部逻辑是一个嵌套调用：

void CHyperText::Visit(TagContext * tc) { CMarkup * xml = tc->m_pXml; //根据tag的名称选择不同的tag实现类 CString tn = xml->GetTagName(); TRACE(tn + "{" + "\r\n"); ITag * tag = GetTag(tn); tag->BeginTag(tc); //还是个元素 if(!tag->CaptureTag() && xml->GetNodeType() == CMarkup::MNT_ELEMENT) { xml->IntoElem(); //遍历子节点 while(xml->FindNode()) { //嵌套 Visit(tc); } xml->OutOfElem(); } else { TRACE(xml->GetData() + "\r\n"); } tag->EndTag(); TRACE("}" + tn + "\r\n"); delete tag; }

用户指定的标签文本，如：

<font color=#0000ff>位图示例：</font><img src="135"> <u></u>

会被加上一个<msg>外节点，这样才可以得以正确解析。

Tag接口

另外一个设计就是Tag接口，每个标签，如：<B>将会自动分派到一个实现Tag接口的类，如：TagB。参见如下逻辑部分：

ITag * CHyperText::GetTag(CString tagName) { if(tagName.CompareNoCase("msg") == 0) return new TagRoot(); if(tagName.CompareNoCase("i") == 0) return new TagI(); if(tagName.CompareNoCase("b") == 0) return new TagB(); if(tagName.CompareNoCase("u") == 0) return new TagU(); if(tagName.CompareNoCase("img") == 0) return new TagImg(); if(tagName.CompareNoCase("font") == 0) return new TagFont(); if(tagName.CompareNoCase("#text") == 0) return new TagX(); return new TagX(); }

就目前的情况，未知的标签都扔给了TagX，它只负责完成其中文本内容的输出。

Tag接口的定义如下：

//标签接口 class ITag { public: //告诉TagVisitor是否解析本标签的子节点，返回true则表示该对象自己处理子节点 virtual bool CaptureTag() = 0; //结束节点的处理 virtual void EndTag() = 0; //开始节点的处理 virtual void BeginTag(TagContext * tc) = 0; };

因为标签是可能嵌套的，ITag的实现类可以指明嵌套的子节点是否由自己处理，如果是自己处理，则应该将CaptureTag()方法的返回值设置成true，这样标签的访问者将不会再进入该标签的内部。

TagContext

BeginTag()方法会接收到一个TagContext对象，这是一个环境变量，该变量在所有标签处理之前构造，并为所有的标签共享使用，其内容如下：

//标签环境，所有的ITag对象共用一个TagContext环境对象 class TagContext { public: //图片 CMapStringToPtr m_NamedImages; //窗口 CWnd * m_pWnd; //节点信息 CMarkup * m_pXml; //绘图环境 CPaintDC * m_pDC; //字体 LOGFONT m_Font; //字体颜色 int m_Color; //窗口的大小 CRect m_Rect; TagContext(CWnd * pWnd, CMarkup * pXml); virtual ~TagContext(); };

ITag的实现类

通过使用ITag和TagContext，完成Tag的扩展可能就非常简单，譬如：用以粗体显示的TagB的定义：

TagB::TagB() { } TagB::~TagB() { } void TagB::BeginTag(TagContext *tc) { m_tc = tc; m_OldFont = m_tc->m_Font; m_tc->m_Font.lfWeight = FW_BOLD; } void TagB::EndTag() { m_tc->m_Font = m_OldFont; } bool TagB::CaptureTag() { return false; }

以上是主要的实现方法和思路，希望能够对你有所用处。同时也希望有兴趣的vcer能够继续标签的扩展，以支持更多的功能。你可以直接给我发邮件反馈，也可以直接在CHyperText的基础上进行修改、扩展，但请在补充你的版权信息时，保留白乔的版权信息：）

TODO

• 更多的有用的标签？
• 目前的排版功能欠佳：）对于回车换行，无法智能处理；
• 目前的图片只支持位图资源和图标资源，本想抽象出一个接口出来允许用户实现自定义图片的显示的，后来还是没弄，希望这些都是抛砖引玉：）