1. ホーム
  2. Web プログラミング
  3. ウェブ編集者

ueditor1.2.1 ハイパーリンクのデフォルトを変更する、ueditor editor open link in new window

2022-01-01 21:23:54

ueditor1.2.1 ハイパーリンクのデフォルトを変更する

最初のハイパーリンクファイルは、ueditorディレクトリ内のdialogsディレクトリのlinkディレクトリにあるlink.htmlです。
図に示すように

次に、リンクのアドレスまたはタイトルにvalue属性と値を追加し、新しいウィンドウで開くことを希望し、以下の赤いコードのようにchecked属性を設定します。

<tr>
<td><labelfor="href">link address:</label></td>
<td><input class="txt"id="href" type="text" value="https://www.jb51.net"/></td >
</tr>
<tr>
<td><labelfor="title">title:</label></td>
<td><input class="txt"id="title" type="text" value="Script House(jb51.net)"/></td>
</tr>
<tr>
<td colspan="2">
<labelfor="target">Whether to open in a new window: </label>
<input id="target" type="checkbox" checked="checked"/>
</td>
</tr>



上記のようにしても、コンテンツは初期化されたjsで制御されているため、ページを表示することはできない。ファイルのjsコードにあるように

$G("title").value = url ?link.title : "";
$G("href").value = url ?url: '';
$G("target").checked = url&& link.target == "_blank" ? true: false;



そして、urlプロパティはデフォルトではfalseになっており、上記では初期化されないので、初期化されたjsを探し出し、urlの値をtrueに変更する必要があるのです。
下の画像のように

上記が動作する場合、動作しない場合(プロンプトリンクまたはlink.titleがNULLの場合)、以下を参照してください
デフォルトのリンク値が表示されているが、OKを押してもハイパーリンクがない場合、以下のコードに再修正してください。先に修正したurlが元の、つまりurlに戻ります。

url = 'https://www.jb51.net';
$G("title").value = 'Script House (jb51.net)';
$G("href").value =url;
$G("target").checked =true;
$focus($G("href"));


下図のように

修正を加えれば、結果は出るはず!