javascript - 打开 jQuery UI 对话框时删除了用户选择。如何解决这个问题？

Question

我正在尝试创建链接:

document.execCommand('createLink',false,linkVal);

为了从用户那里获取链接 href 值，我正在使用 jQuery UI 对话框。

因此，当我的用户在页面上选择一些文本并单击一个链接时，它将打开一个 jQuery UI 对话框，如下所示(该对话框中包含一个表单)。

$("a#link-it").on('click',function(e){
    e.preventDefault();
    $( "#dialog-form" ).dialog( "open" );   
});

Ui Dialong 初始化代码如下所示:

$( "#dialog-form" ).dialog({
      autoOpen: false,
      height: 300,
      width: 350,
      modal: true,
      buttons: {
        "Create": function() {
        var linkVal=$("#link").val();
        document.execCommand('createLink',false,linkVal);
        $( this ).dialog( "close" );
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      },
      close: function() {
        allFields.val( "" ).removeClass( "ui-state-error" );
      }
    });

jQuery UI 对话框打开并正常工作，但问题是当用户单击链接打开它时，所有用户选择立即从浏览器窗口中删除。所以这个命令不工作。

document.execCommand('createLink',false,linkVal); 

所以请建议如何防止在打开 UI 对话框后删除用户选择？

或者您是否可以建议所见即所得编辑器链接创建的工作原理？

Answer 1

最后我使用给出的解决方案解决了它 here

看看https://code.google.com/p/rangy/

和

http://rangy.googlecode.com/svn/trunk/demos/saverestore.html