office-pc-plug/static/ribbon.xml

<customUI xmlns="http://schemas.microsoft.com/office/2006/01/customui" onLoad="ribbon.OnAddinLoad">
    <ribbon startFromScratch="false">
        <tabs>
            <tab id="wpsAddinTab" label="办公助手" getImage="ribbon.GetImage">
				<group id="btnDemoGroup" label="工具类">
                <button id="polish" label="润色" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/>
                <button id="translate" label="翻译" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/>
                <button id="proofread" label="智能校对" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/> 
                
                <box id="writingBox1" boxStyle="horizontal">
                    <button id="continue" label="续写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                    <button id="rewrite" label="改写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                </box>
                <box id="writingBox2" boxStyle="horizontal">
                    <button id="extend" label="扩写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                    <button id="abbr" label="缩写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                </box>
                <separator id="separator" /> 
                <button id="taskCenter" label="任务督导" onAction="ribbon.OnAction"   getImage="ribbon.GetImage" getVisible="ribbon.OnGetVisible" size="large"/> 
                <button id="OfficialDocument" label="公文排版" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/> 
                <button id="intelligentQA" label="智能问答" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/>
                <separator id="separator" /> 
                <button id="myDocument" label="我的文库" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"
                />
                <button id="allDocument" label="共享文库" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"
                />
                <button id="templateCenter" label="模板中心" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/>
                <button id="quickSearch" label="快速搜索" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/>
                <button id="documentTool" label="文档工具" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/>
                <button id="collection" label="收藏" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/>
                <!-- <button id="settingShowDialog" label="设置" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/> -->
                <separator id="separator" /> 
                <button id="openTask" label="显示" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/>
                <button id="closeTask" label="隐藏" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/>
                <!-- <button id="testTaskPane" label="测试" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"  size="large"/> -->

                <!--
                separator  分割线     
                imageMso    原生图标的样式
                idMso   原生图标且带有原生的控件功能
                -->
                <!-- <separator id="separator" /> -->
                </group> 
            </tab>
        </tabs>
    </ribbon>
    <contextMenus>
        <!-- 文本类型的下拉菜单 -->
        <contextMenu idMso="ContextMenuText">
            <menu id="menus" label="文本助手" getImage="ribbon.GetImage">
                <button id="polish" label="润色" onAction="ribbon.OnAction"   getImage="ribbon.GetImage" />
                <button id="continue" label="续写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="rewrite" label="改写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="extend" label="扩写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="abbr" label="缩写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="translate" label="翻译" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"/>
            </menu>
        </contextMenu>
        <!-- 超链接类型的下拉菜单 -->
        <contextMenu idMso="ContextMenuHyperlink">
            <menu id="menus" label="文本助手" getImage="ribbon.GetImage">
                <button id="polish" label="润色" onAction="ribbon.OnAction"   getImage="ribbon.GetImage" />
                <button id="continue" label="续写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="rewrite" label="改写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="extend" label="扩写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="abbr" label="缩写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="translate" label="翻译" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"/>
            </menu>
        </contextMenu>
        <!-- 列表类型的下拉菜单 -->
        <contextMenu idMso="ContextMenuList">
            <menu id="menus" label="文本助手" getImage="ribbon.GetImage">
                <button id="polish" label="润色" onAction="ribbon.OnAction"   getImage="ribbon.GetImage" />
                <button id="continue" label="续写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="rewrite" label="改写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="extend" label="扩写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="abbr" label="缩写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="translate" label="翻译" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"/>
            </menu>
        </contextMenu>
        <!-- 文本修正类型的下拉菜单 -->
        <contextMenu idMso="ContextMenuSpell">
            <menu id="menus" label="文本助手" getImage="ribbon.GetImage">
                <button id="polish" label="润色" onAction="ribbon.OnAction"   getImage="ribbon.GetImage" />
                <button id="continue" label="续写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="rewrite" label="改写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="extend" label="扩写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="abbr" label="缩写" onAction="ribbon.OnAction" getImage="ribbon.GetImage" />
                <button id="translate" label="翻译" onAction="ribbon.OnAction"   getImage="ribbon.GetImage"/>
            </menu>
        </contextMenu>
    </contextMenus>
</customUI>