Qt QML 如何格式化(突出显示)文本

发布于 2024-12-02 05:00:17 字数 342 浏览 0 评论 0原文

我想编写一个简单的纯文本编辑器,包括 QML 中的简单 Markdown 指令。因此,我添加了一个 TextEdit-Element 和一个用于语法突出显示的 JavaScript 函数。

举个例子:

我想以粗体打印两个星号“*”之间的字符串。

所以我必须在最新符号(*)之前插入一个 标签或在最新符号(*)之后插入一个 标签,但该元素的属性是HTML 文档。

如何找到正确的位置(我可以访问光标位置,但这与 html-doc 位置不同)?并插入这些标签?有没有一些辅助方法、秘籍或指南?

I would like to write a simple plain text editor including simple markdown instructions in QML. Therefore I added a TextEdit-Element and a JavaScript Function for Syntax Highlighting.

As an example:

I want to print the string between two asterisks '*' in bold.

So I have to insert a <b> tag before or a </b> tag after the latest symbol (*), but the property of the element is a HTML document.

How can I find the right position (I can access the cursor position but this is different to the html-doc position)? And insert these tags? Are there some helper methods, cheats or guidelines?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

心的憧憬 2024-12-09 05:00:17

您可以使用 window.getSelection() 来获取选定的文本。

例如:

HTML:

<div id="test" onmouseover="getSelectedText()">a*b*</div>

JavaScript:

function getSelectedText() {
            var m = 'getSelection';
            if(m in window) {
              var Selection =  new String(window[m]());
              var text =  multiReplace([/\*([^*]+)\*/], 
                                        [RegExp.$1.bold()],
                                         Selection
                                        );

               alert(text);
            }
  }


function multiReplace(arr1,arr2,str) {
    if(arr1 instanceof Array) {
        for(var i = 0,len = arr1.length; i < len; i++) {
            str = str.replace(arr1[i],arr2[i]);
        }
    } else if(arr1 instanceof Object) {
        str = arr2;
        for(var key in arr1) {
            str = str.replace(key, arr1[key]);
        }
    } else {
        return null;
    }
        return str;
}

You can use window.getSelection() for get the selected text.

For example:

HTML:

<div id="test" onmouseover="getSelectedText()">a*b*</div>

JavaScript:

function getSelectedText() {
            var m = 'getSelection';
            if(m in window) {
              var Selection =  new String(window[m]());
              var text =  multiReplace([/\*([^*]+)\*/], 
                                        [RegExp.$1.bold()],
                                         Selection
                                        );

               alert(text);
            }
  }


function multiReplace(arr1,arr2,str) {
    if(arr1 instanceof Array) {
        for(var i = 0,len = arr1.length; i < len; i++) {
            str = str.replace(arr1[i],arr2[i]);
        }
    } else if(arr1 instanceof Object) {
        str = arr2;
        for(var key in arr1) {
            str = str.replace(key, arr1[key]);
        }
    } else {
        return null;
    }
        return str;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文