contextMenu属性学习。
示例:

代码:

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/12/31/creating-a-custom-context-menu-on-a-richtexteditor-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="init();">

<mx:Script>
        <![CDATA[
            import mx.controls.Alert;

[Bindable]
            private var cm:ContextMenu;

private function init():void {
                var showSelection:ContextMenuItem = new ContextMenuItem("Show selection");
                showSelection.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, showSelection_menuItemSelect);

var upperCase:ContextMenuItem = new ContextMenuItem("Convert to upper case");
                upperCase.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, upperCase_menuItemSelect);

var lowerCase:ContextMenuItem = new ContextMenuItem("Convert to lower case");
                lowerCase.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, lowerCase_menuItemSelect);

cm = new ContextMenu();
                cm.hideBuiltInItems();
                cm.customItems.push(showSelection);
                cm.customItems.push(upperCase);
                cm.customItems.push(lowerCase);

richTextEditor.contextMenu = cm;
            }

private function showSelection_menuItemSelect(evt:ContextMenuEvent):void {
                var selText:String = richTextEditor.selection.text;
                if (selText.length == 0) {
                    Alert.show("Please select some text.", "** ERROR **");
                } else {
                    Alert.show(selText, selText.length + " character(s)");
                }
            }

private function upperCase_menuItemSelect(evt:ContextMenuEvent):void {
                var selText:String = richTextEditor.selection.text;
                richTextEditor.selection.text = selText.toUpperCase();
            }

private function lowerCase_menuItemSelect(evt:ContextMenuEvent):void {
                var selText:String = richTextEditor.selection.text;
                richTextEditor.selection.text = selText.toLowerCase();
            }
        ]]>
    </mx:Script>

<mx:RichTextEditor id="richTextEditor"
            title="Rich Text Editor"
            status="status message"
            width="100%"
            height="100%">
        <mx:text><![CDATA[Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec lacus est, ullamcorper sit amet, gravida at, viverra sit amet, lacus. Aliquam quis lectus id nisl condimentum hendrerit. Maecenas metus libero, dictum et, scelerisque vel, hendrerit non, felis. Duis venenatis, ligula eu lobortis lobortis, turpis erat eleifend eros, vitae auctor tortor mi in urna. Etiam aliquam, tellus aliquet placerat malesuada, orci sem rhoncus lectus, a elementum neque odio vitae urna. Pellentesque eget felis. Aenean at nisi. Proin felis. Curabitur scelerisque risus eget purus. Sed commodo eros in dolor. Sed quis lectus. Integer iaculis leo quis enim. Maecenas orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean et massa sit amet nibh fermentum accumsan. Maecenas aliquam metus dapibus mi. Pellentesque egestas posuere leo. Maecenas pellentesque diam non augue. Nulla vel nisi sit amet eros suscipit sagittis.]]></mx:text>
    </mx:RichTextEditor>

</mx:Application>

转载于:https://www.cnblogs.com/xxcainiao/archive/2008/04/25/1171495.html

在RichTextEditor组件中使用自定义右键。相关推荐

  1. antd Tree组件中,自定义右键菜单

    最近项目中,有一个需求是自定义antd的Tree组件的右键菜单功能. 直接上代码 class Demo extends Component {state = {rightClickNodeTreeIt ...

  2. vue怎么实现右键二级菜单_vue中如何自定义右键菜单详解

    在所编辑的页面,需要添加右键菜单的元素,绑定contextmenu事件,如下: v-for="item in resourceList" :key="item.id&qu ...

  3. react 错误边界_React with GraphQL和错误边界中的自定义错误页面

    react 错误边界 by Abi Noda 通过Abi Noda React with GraphQL和错误边界中的自定义错误页面 (Custom error pages in React with ...

  4. 如何在Angular Material中制作自定义主题

    by Charlee Li 通过李李 如何在Angular Material中制作自定义主题 (How to make a custom theme in Angular Material) Angu ...

  5. vue 方法获取返回值_vue中子组件怎么获取父组件中的方法的返回值

    楼主解决了吗?好像通过@自定义方法名='父组件的方法名'这样绑定到子组件里面取不行,只能通过:自定义方法名='父组件方法名',然后在子组件中的props:['自定义方法名'],再在子组件中要使用的地方 ...

  6. vue $emit子组件传出多个参数,如何在父组件中在接收所有参数的同时添加自定义参数...

    前言 很多时候用$emit携带参数传出事件,并且又需要在父组件中使用自定义参数时,这时我们就无法接受到子组件传出的参数了. 找到了两种方法可以同时添加自定义参数的方法. 方法一 子组件传出单个参数时: ...

  7. html 右键菜单 插件,Script Menu:自定义右键菜单

    Script Menu的开发背景 对于网页上的右键菜单用户可能再熟悉不过了,常见的右键菜单有复制.粘贴.刷新.另存为.查看网页源代码等,但是这些右键菜单都是chrome自己提供或者其他插件的菜单,你有 ...

  8. 「后端小伙伴来学前端了」关于Vue中的自定义事件,组件绑定自定义事件实现通信

    傍晚的月亮 前言 原本这篇打算写Vue中的那个全局事件总线的原理,但是发现自己少写了这个自定义事件,不讲明白这个自定义事件的操作,不好写全局事件原理,于是就有了这篇文章拉. 一.v-on指令 要讲自定 ...

  9. 自动装配——@Autowired 构造器,参数,方法,属性都是从容器中获取参数组件的值||自定义组件想要使用Spring容器底层的一些组件 ApplicationContext,BeanFactory

    @Autowired:构造器,参数,方法,属性:都是从容器中获取参数组件的值 * 1).[标注在方法位置]:@Bean+方法参数:参数从容器中获取;默认不写@Autowired效果是一样的:都能自动装 ...

最新文章

  1. 【Sql Server】Database-sql语言的流程控制语句
  2. iOS各平台直播SDK收费明细
  3. 03-Tomcat服务器
  4. html css基础知识
  5. linux java url 异常_java异常处理总结
  6. 【cogs2593】幂,暴搜+容斥
  7. 2017年经历的那些灵异事件
  8. Linux下的iscsi(设备的共享服务)
  9. 备份类型 事务日志_SQL SERVER备份策略
  10. 关于腾讯云redis 无法外网访问的解决方案
  11. jsp调用servlet_053 JSP+Servlet整合练习:拼饭后台管理系统框架文档
  12. 执行quartz报错java.lang.NoClassDefFoundError: javax/transaction/UserTransaction
  13. data spring 指定时区_听说过spring-data-jdbc么?来个最佳实践
  14. FISCO BCOS 《新摩登时代》:卓别林演绎共识与同步流程优化
  15. 即时通讯IM的安全性比较
  16. Android 代码混淆 以及 反编译 的实现
  17. 计算机论文源码重复太多,知网查重代码重复率太高怎么办
  18. java求100以内偶数和
  19. 离线强化学习-4 DP-based方法
  20. 分享一个动态sql编写工具

热门文章

  1. 下载python后怎样打开-下载python后如何启动
  2. python都能干什么-python都能做什么
  3. python股票自动交易从零开始-python程序化交易编程-python制作自动交易程序!
  4. 西安python培训班多少钱-西安python培训多少钱?
  5. python绘图实例-Python使用matplotlib简单绘图示例
  6. python循环语句-Python for循环控制语句一般格式及方法
  7. python能写软件吗-python可以编写什么软件
  8. python 如何查看模块所有方法-Python查看模块(变量、函数、类)方法
  9. python编程入门经典实例-Python编程语言入门经典案例
  10. 国内哪里培训python比较好-python培训哪家机构比较好?