0

私はclipbord.jsを使用していますボタンをクリックしてコードをコピーし、上部にかなり大きなギャップが残る場所に貼り付けます

.replace(/\s/g, "")こちらで使ってみました

Codepen の例 --> リンクは動作するコードで更新されました

質問: Firefox を使用する場合、コードをコピーして貼り付けるときにギャップがないことを確認する方法を教えてください。

Google Chrome、Edge、Internet Explorerを使っていると隙がない

ここに画像の説明を入力

$(document).ready(function() {  
    new Clipboard("#copy-button", {
        text: function(trigger) {
            var str = $(trigger).parent().find('pre').text();
            return str.replace(/\s/g, "");
        }
    });
});

HTML

<div class="container">
  
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  <div class="page-header"><h1>Clean URLs</h1></div>  
</div>
</div>

<div class="row">

<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<div class="clearfix">
<div class="pull-left" style="padding-top: 7.5px;">
<h1 class="panel-title">Example 1</h1>
</div>
<div class="pull-right">
<button type="button" id="copy-button" data-clipboard-target="#h1" class="btn btn-primary"><i class="fa fa-clipboard" aria-hidden="true"></i>&nbsp;&nbsp;Copy</button>
</div>
</div>
</div>

<div class="panel-body">
<pre id="h1">
Options +FollowSymLinks
Options -Indexes
DirectoryIndex index.php
RewriteEngine on
RewriteCond $1 !^(index\.php|images|robots\.txt)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L,QSA]
</pre>
</div>
</div>
</div>


<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<div class="clearfix">
<div class="pull-left" style="padding-top: 7.5px;">
<h1 class="panel-title">Example 2</h1>
</div>
<div class="pull-right">
<button type="button" id="copy-button" data-clipboard-target="#h2" class="btn btn-primary"><i class="fa fa-clipboard" aria-hidden="true"></i>&nbsp;&nbsp;Copy</button>
</div>
</div>
</div>

<div class="panel-body">
<pre id="h2">
RewriteEngine On
RewriteBase /root_folder_name/
RewriteCond %{REQUEST_URI} ^system.*
RewriteCond $1 !^(index\.php|images|js|uploads|css|robots\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]
</pre>
</div>
</div>
</div>

</div>


</div>
4

1 に答える 1

1

問題は$(trigger).parent().find('pre').text()空の文字列を返しました。だから、私はそれをに修正しました$(trigger).closest('.panel').find('pre').text();

ペンをチェックhttp://codepen.io/pranesh-r/pen/QKEjEr

于 2016-09-16T07:15:39.917 に答える