精华内容
下载资源
问答
  • 程序的功能:单击“显示时间”按钮时,将在标签中显示当前的时间,单击“改变字体和颜色”按钮时,标签中显示的内容的字体改为隶书、字号大小为12,并将标签的背景颜色设置为蓝色、前景颜色(文字的颜色)设置为黄色,...

    我们要设计一个如图所示的窗体界面。其中包括1个窗体、1个文字标签和4个命令按钮。

    4ec8ce00decac42cd69deadbf4702572.png

    程序的功能:单击“显示时间”按钮时,将在标签中显示当前的时间,单击“改变字体和颜色”按钮时,标签中显示的内容的字体改为隶书、字号大小为12,并将标签的背景颜色设置为蓝色、前景颜色(文字的颜色)设置为黄色,单击“加边框”按钮时,将给标签加上立体边框,单击“退出”按钮时结束程序的执行。

    READY GO~


    第一步:新建一个“Windows窗口程序”

    第二步:从组件窗口中选择相应的组件添加到窗口中,包括4个按钮、1个文字标签,调整组件的位置大小。

    第三步:在工作夹窗口的属性标签项中,设置按钮的名称分别为“显示时间”、“改变字体和颜色”、“加边框”和“退出”。删除文字标签的标题。

    第四步:依次选择按钮,在事件中选择“被单击”,在程序编辑窗口中输入相应程序代码,如下图所示:

    第五步:单击“运行”,测试程序是否正常。

    说明:

    如果文字标签太小,显示的内容太多,要设置换行的话,可以通过以下方法设置:

      ①在程序运行阶段,通过程序来设置,可以在要换行的位置播放“#换行符”

    标签1.标题 = “现在时间:” + #换行符 + 到文本 (取现行时间 ())

      ②在程序设计阶段,可以通过输入回车键来进行换行。

    520a7047c4807a0a4f06686f9e31eebf.png

    以上程序其实很容易理解,基本都是生活上的语言,但这是第一次用到函数,如到文本()、取现行时间()以及销毁(),在这里简单地介绍一下:

    到文本()

    因为文字标签显示的内容都是文字(也就是文本),所以如果要显示时间的话,就要进行格式转换,在易语言有很多类型,如文本型、数值型、时间日期型、逻辑型等等,以后在使用过程中我们会慢慢接触到各种变量类型。到文本()函数就是把非文本类型的内容转换成文本型。

    另外二个函数同学们可以通过字面意思理解一下。

    同学们上机练习时请自行设计一个程序,使用按钮来控制文字标签、窗口的各种属性。相信大家一定会做出很多有趣的程序来。

    bd444abdb7e1c227ab660af04bc62e0e.png

    展开全文
  • 目录 介绍 背景 示例项目 ...它提供了许多方法来配置和自定义,以便您的应用程序中提供最适合的编辑器。我们经常做的是选择最佳版本的CKEditor,然后通过修改config.js文件或使用Online T...

    目录

    介绍

    背景

    示例项目

    做好准备

    添加按钮

    添加命令

    获取突出显示的文本

    替换突出显示的文

    查看结果

    兴趣点


    介绍

    CKEditor是大多数开发人员非常流行的文本编辑器。它提供了许多方法来配置和自定义,以便为您的应用程序中提供最适合的编辑器。我们经常做的是选择最佳版本的CKEditor,然后通过修改config.js文件或使用Online Toolbar Configurator选择要使用的功能。但是,您不知道通过添加自己的按钮并处理您的特定业务,您可以使用CKEditor做更多事情。本文将向您展示如何。

    背景

    在开始之前,您需要具备以下先决条件知识:

    • 关于Web开发的基础知识
    • 您应该知道CKEditor是什么,如何下载并将其嵌入您的网站
    • 使用CKEditor的基本命令如下:如何使编辑器可见,如何修改配置文件

    如果您不熟悉编辑器,请首先阅读文档

    示例项目

    该项目是一个演示版本,您可以在其中学习如何自定义CKE以满足您的业务需求。它不是一个专业的现实生活项目,所以没有数据验证,我们假设每个输入都是正确的格式。

    想象一下,您正在为每日新闻公司工作,并负责发布每日天气预报。您的合作伙伴公司向您发送有关您所在国家/地区天气信息的数据。他们的温度数据使用华氏度,但在你的国家摄氏度更受欢迎。每次收到数据时,您需要使用以下公式计算并将°F转换为°CT(°C)= (T(°F)- 32) × 5/9。我们的想法是在您的编辑器上创建一个自定义按钮,您可以轻松地突出显示某些文本,如“93°F”,然后单击按钮转换为°C。它比使用复制和粘贴到其他工具更快,更方便。

    做好准备

    您应该让编辑器准备好工作。

    <textarea id="editor"></textarea>
     
    <script src="~/Scripts/ckeditor/ckeditor.js"></script>
     
    <script>
        var editor = CKEDITOR.replace('editor');
    </script>

    添加按钮

    要向CKEditor添加新的自定义按钮,请使用以下代码:

    editor.ui.addButton('ConvertFtoC', //button name
           {
               label: 'Convert Fahrenheit to Celsius', //button tooltips
                          // (will show up when mouse hovers over the button)
               command: 'cmd_convert_F_to_C', // command which is fired to
                                              // handle event when the button is clicked
               toolbar: 'others', //name of the toolbar group in which the new button is added
               icon: '/Content/images/convert.svg' //path to the button's icon
           }
       );

    可以在添加按钮之前或之后声明Command

    Toolbar是插入按钮的工具栏组的名称。您可以在此链接中查看某些工具栏名称。

    添加命令

    要在单击按钮时添加要处理的新命令,请使用以下代码:

    editor.addCommand("cmd_convert_F_to_C", {
            exec: function (edt) {
                //Do something here            
            }
        });

    addCommand方法的第一个参数是命令名称。它必须与我们为新按钮分配的命令名称相同。

    现在,当您单击按钮名称ConvertFtoC时,将执行命令cmd_convert_F_to_C

    如果您的代码有效,您应该会看到新按钮,否则请检查您的代码并修复错误。

    获取突出显示的文本

    要获取突出显示的文本,请使用以下代码:

    var mySelection = editor.getSelection();
    var selectedText;
    
    //Handle for the old Internet Explorer browser
    if (mySelection.getType() == CKEDITOR.SELECTION_TEXT) {
        if (CKEDITOR.env.ie) {
            mySelection.unlock(true);
            selectedText = mySelection.getNative().createRange().text;
        } else {
            selectedText = mySelection.getNative();
        }
    }
    
    var plainSelectedText = selectedText.toString();// JavaScript source code

    请注意

    selectedText = mySelection.getNative();

    返回HTML DOM元素。这意味着我们可以将它视为一个元素并正常修改它,例如添加属性或更改其css样式属性。要获取选择的纯文本,请使用ToString方法。

    替换突出显示的文

    要用其他文本替换突出显示的文本,只需将新文本插入编辑器即可。如果突出显示某些文本,则会将其替换为新文本,就像我们突出显示文本并开始输入一样。

    您还可以创建要插入的新HTML元素,而不仅仅是纯文本。HTML元素允许我们更有创造性,意味着我们可以添加css样式,给它一些属性,例如要重新获取的id,以及修改元素所需的任何内容。在这种情况下,我创建一个span标记并插入它以替换旧的突出显示的文本。

    var insertedElement = editor.document.createElement('span');
    
    insertedElement.setAttribute('style', 'color: red');
    
    insertedElement.appendText("Hello world!");
    
    //replace reselected text by the new span element
    editor.insertElement(insertedElement);

    添加一些计算逻辑代码将华氏温度转换为摄氏温度,最后你的命令应该是这样的:

    editor.addCommand("cmd_convert_F_to_C", {
        exec: function (edt) {
            var mySelection = editor.getSelection();
            var selectedText;
    
            //Handle for the old Internet Explorer browser
            if (mySelection.getType() == CKEDITOR.SELECTION_TEXT) {
                if (CKEDITOR.env.ie) {
                    mySelection.unlock(true);
                    selectedText = mySelection.getNative().createRange().text;
                } else {
                    selectedText = mySelection.getNative();
                }
            }
            var plainSelectedText = selectedText.toString();
    
            //Process converting
            var regex = /[+-]?\d+(\.\d+)?/g; //regex for float number
    
            if (plainSelectedText.match(regex) != null) { //check if there is a float number 
                                                          //in selected text
    
                var fahrenheit = plainSelectedText.match(regex).map(function (v) 
                    { return parseFloat(v); });
    
                if (!isNaN(fahrenheit)) {
    
                    var insertedElement = editor.document.createElement('span');
    
                    var result = (fahrenheit - 32) * (5 / 9);
    
                    //37 °C is too hot! warn user by red text
                    if (result > 37) {
                        insertedElement.setAttribute('style', 'color: red');
                    }
    
                    insertedElement.appendText(result + " °C");
    
                    //replace reselected text by the new span element
                    editor.insertElement(insertedElement);
                }
            }
    
        }
    });

    而且,由于所有的代码都是用javascript编写的,这意味着您可以使用此命令执行更多操作,例如联系DOM元素或发送AJAX请求。

    查看结果

    复制一些数据并尝试选择...°F数据,然后单击按钮以查看结果。将计算新的°C值,然后替换旧的°F值。

    这是我们取得的成果:

    兴趣点

    CKEditor易于使用,提供了许多方法来定制和支持许多功能。通过阅读它的文档和研究,你会发现不仅仅是添加一个命令按钮,而且我们可以在更高层次上用它做很多事情。您甚至可以自己替换它的默认事件处理程序(例如:您可以通过重写默认处理程序来更改单击“B”按钮时使文本更粗的方式)。我的示例项目只是帮助您理解这一点的一个小项目,但通过深入研究,我们可以优化它的功能并帮助我们编辑文本。

     

    原文地址:https://www.codeproject.com/Articles/5161586/Create-your-own-command-button-in-CKEditor

    展开全文
  • 在网上看到很多大神指导异常的时候用了这个命令,看到提示错误httpd.conf内第40行发生了报错 打开Apache安装路径找到conf文件夹下的httpd.conf文件,用记事本打开 发现这里面的路径命令错误,Apache没办法...

    在Windows上安装Apache服务,正常安装下载后按照网上各位大神的指导修改了端口号和配置权限也不行,打开Apache的服务如图所示:

    点击启动按钮还是有这样的提示错误,无法正常使用

    在网上看到很多大神指导异常的时候用了这个命令,看到提示错误为httpd.conf内第40行发生了报错

    打开Apache安装路径找到conf文件夹下的httpd.conf文件,用记事本打开

    发现这里面的路径命令错误,Apache没办法获取此路径中的启动,对此处进行修改如图:

    保存成功后,再次启动Apache的bin文件目录下的这个启动方式

    启动后,窗口显示所有的Apache的服务

    重新点击start的启动按钮,窗口中的Apache的服务显示正常,变成绿色的启动状态。

    打开本地的83端口的地址也可以正常展示信息

     

     

    可能文中内容有和其他的朋友相似,此文只做学习记录,无其他操作。

    展开全文
  • 修改wine的按钮乱码

    2008-08-06 14:29:00
    在注册表中,找到如下路径: HKEY_LOCAL_MACHINE/software/microsfot/windows nt/currentversion/fontsubstitutes 修改其中的两个值,将使用的字体改为SimSun就能正常显示:MS Shell Dlg类型是 REG_SZ, 值是SimSunMS...
    修改按钮的乱码
    在命令行下,输入regedit命令,启动wine的注册表功能。

    在注册表中,找到如下路径:
    HKEY_LOCAL_MACHINE/software/microsfot/windows nt/currentversion/fontsubstitutes
    修改其中的两个值,将使用的字体改为SimSun就能正常显示:
    MS Shell Dlg
    类型是 REG_SZ, 值是SimSun
    MS Shell Dlg 2
    类型是 REG_SZ, 值是SimSun

    展开全文
  • 您需要将Qt设计器文件转换Python文件,为此,可以对ui文件使用命令行命令pyuic5,rc文件使用命令行命令pyrcc5。在要将ui文件转换Python,请执行以下操作:pyuic5 import-from=widgets -x your_file.ui -o your_...
  • 8.★★★在命令列表中双击由编辑改为直接发送单条信息,方便调试中不断手工更换命令的需要★★★ 9.导入导出和保存默认格式调整为txt 10.发送文件每个数据包改为发送1000字节,且可以通过设置自动循环中发送的时间...
  • CAD旋转命令

    2019-07-19 10:22:26
    一般说,移动和旋转命令中,基点的指定都需要配合对象捕捉功能来完成,基点是一些具有特殊位置的点。 1.单击菜单栏,“修改->旋转”。 2.单击编辑工具栏“旋转命令按钮。 3.在命令行中输入Rotation,按...
  • CAD缩放命令

    2019-07-19 10:25:50
    将选择的图形按比例均匀地放大或缩小。...2.单击编辑工具栏“缩放命令按钮。 3.在命令行中输入Scale,按回车键。 执行命令后,命令行将显示如下信息: 命令: _Scale 选择缩放对象 选择对象:...
  • CAD镜像命令

    2019-07-19 10:30:10
    2.单击编辑工具栏”镜像命令按钮。 3.在命令行中输入Mirror,按回车键。 执行命令后,命令行将显示如下信息: 命令: _Mirror 选择镜像对象 选择对象: 选择对象: 指定基点: 要删除源对象吗?[是(Y)/否(N)]&...
  • CAD偏移命令

    千次阅读 2019-07-19 10:26:29
    2.单击编辑工具栏”偏移命令按钮。 3.在命令行中输入Offset,按回车键。 执行命令后,命令行将显示如下信息: 命令: Mx_Offset 指定偏移距离或 [删除(E)]&LT;32.101&GT;: 指定第二点: ...
  • AHCI模式的硬盘比IDE模式传输速率更高,更加安全,并且可以使用更加强大的功能,下面教大家如何在不重装系统的情况下将IDE硬盘改为AHCI模式。1.单击“开始”按钮,在搜索框中键入“regedit”,按下回车键,打开...
  • VB.NET VS2019, serialport收发数据,典型的代码,每200ms发一下命令,读取外部一个板子的数据。连接串口后,可以读到数据,但是此时点击‘关闭串口’,或者退出窗口,都要点很多次,才有效,好像收数据时,影响了...
  • 还记得旧时的黑色菲林吗?就是摄影用的感光胶片,当今数码时代,多以数字信息来记录和...图1 建立方形矩形选区第2步:执行【选择】→【修改】→【平滑】命令,弹出“平滑选区”对话框,设置“取样半径”“5像素...
  • 禁止修改IPNoIPSet

    2012-03-07 09:56:28
    在“服务”窗口右侧子窗口中,双击名“Network Connections”的服务,单击“服务状态”处的“停止”按钮停止该服务的运行,再将“启动类型”处的值设“已禁用”选项,最后单击“确定”按钮即可。  从此以后,...
  • 修改TCP/IP修改TCP/IP

    2012-01-10 23:48:04
    接着询问你是否将连接数限制在50,你可以选择“Yes/No/Change”,如果你输入“Y”,则会将并发连接数改为“50”,如果想改为其他数(例如150),可以在提示符后输入“c”,然后输入最大的并发连接数(例如150)回车,...
  • gnome菜单图标显示

    2020-04-15 10:40:03
    国产操作系统deepin uos都是gnome基础的,默认菜单里面不显示图标。这是因为他们基础gnome,而GNOME从2.28之后,按钮和菜单中的图标默认不再显示。 如果要显示,可以使用下面方法进行修改gconf(以普通用戶的身份...
  • 入门学习Linux常用必会60个命令实例详解doc/txt

    千次下载 热门讨论 2011-06-09 00:08:45
    -m: 将系统改为单用户模式。 -i:关机时显示系统信息。 4.命令说明 shutdown 命令可以安全地将系统关机。有些用户会使用直接断掉电源的方式来关闭Linux系统,这是十分危险的。因为Linux与Windows不同,其后台...
  • 通过进程名杀进程: ~# ps gaux |grep kvm |grep -v grep| awk '{print...关键按钮一下关机: 修改/etc/acpi/events/poweroff: 将action的值修改: /sbin/poweroff 个性化修改ssh连接显示: 主要修
  • symbian中文显示

    2011-06-15 11:04:00
    symbian中文显示问题解决办法:第一步:执行Project->Properties菜单命令,确保在弹出对话框的左列选中Resource,将主窗口中的Text file encoding修改Other:UTF-8,点击OK按钮完成这一设置。 第二步:修改XXX....
  • 或者使用copy命令如下:1)双击系统托盘中的时间显示图标,打开"日期/时间属性"设置框。 2)在"日期/时间属性"设置框中将系统的日期和时间调整文件所需的修改时间。 3)单击"开始"按钮,然后依次选择"程序"、"MS-...
  • UG NX 12 观察对象显示

    2020-09-05 14:46:15
    在使用UG NX 12建模的过程中,在绘图区中对点、线、实体...在快速访问工具栏中单击“重复下拉菜单”按钮,如图2-17所示,在弹出的子菜单中单击相应的命令。 在功能区“视图”选项卡的“样式”选项区中单击相应的按钮
  • A界面设计 设置窗体的标题为第一个程序在窗体中添加1个标签和2个命令按钮标签有边框背景色为白色命令按钮1的标题为显示命令按钮2的标题为清除 功能要求 运行程序时标签上无文字显示 单击显示按钮在标签上显示程序...
  • 要让Xshell不显示乱码,则要将编码方式改为UTF-8。 在Xshell中[file]-> [open] -> 在打开的session中选择连接的那个,点击properties ->[Terminal],在右边translation中选择UTF-8,再重新连接服务器即可。...
  • 安装步骤省略,下一步下一步... 图形界面,连接默认,取个名字就行。 连接成功,可以愉快的使用了,不用总是敲命令了,简洁方便,多种显示。...下面玩一下没用的语法,绿色按钮为运行命令 (喜欢快捷键...
  • 要禁止它们显示提示并不是将它们一一改为空的内容或删除InfoTip,打开注册表到HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced,将右边ShowInfoTip 的值由1 改为0,重新启动计算机...
  • 2.打开regedi.exe文件,然后手动导出整个注册表文件*.reg,想恢复直接双击这个*.reg 3.在运行下进入msconfig里然后选择常规后,创建备份和还原备份K 4.不完全注册表恢复,XP和2000重起机器按F8进入,选择上1次正确配置...
  • 对话框:对话框是一种次要窗口,包含按钮和各种选项,通过它们可以完成特定命令或任务。在图形用户界面中,对话框是一种特殊的视窗, 用来在用户界面中向用户显示信息,或者在需要的时候获得用户的响应。之所以称之...
  • 你可以通过Microbit模块控制屏幕显示、检测按钮状态、音乐播放等。 7 8 910 music.set_tempo(bpm=220) Player_A_tune = ["c", "d", "e", "f", "g"]Player_B_tune = ["g", "f", "e", "d", "c"] 第7行:控制当按键按下...
  • 然后在左侧的快捷命令区,选择另存为命令。 3. 接着点击浏览按钮,打开另存设置窗口。 4. 在弹出的另存窗口中,点击工具右侧的下拉箭头,显示工具选项菜单。 5. 然后选择列表中的常规选项,打开常规选项设置...
  • 展开全部步骤1:单击“bai开发工具”du>>>插入>>>ActiveX控件zhi>...属性步骤3:把Caption属性改为显示的字符,如“编号增加”,再关闭“属性”对话框。步骤4:右击控件>...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 796
精华内容 318
关键字:

命令按钮改为显示按钮