修复contenteditable=plaintext-only导致Firefox无法编辑的bug

fix #174
qd-today · Dec 30, 2021 · 63c0074 · 63c0074
1 parent 17dddb2
commit 63c0074
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/web/static/har/editablelist.html b/web/static/har/editablelist.html
@@ -10,7 +10,7 @@
   <div class="contentedit-wrapper">
     <span ng-bind-html="variables_wrapper(each.name, 'name')"></span>
   </div>
-  <div contenteditable="plaintext-only" ng-model="each.name"></div>
+  <div class= "plaintext_only" contenteditable="" ng-model="each.name"></div>
   </dt>
 
   <!-- value -->
@@ -19,6 +19,6 @@
     ng-click="delete(each.$$hashKey, $list)"></span>
   <div class="contentedit-wrapper"
     ng-bind-html="variables_wrapper(each.value, ':empty')"></div>
-  <div contenteditable="plaintext-only" ng-model="each.value"></div>
+  <div class= "plaintext_only" contenteditable="" ng-model="each.value"></div>
   </dd>
 </dl>
diff --git a/web/static/har/editor.css b/web/static/har/editor.css
@@ -164,3 +164,6 @@ h1 {
 .add-request {
   float: left;
 }
+.plaintext_only {
+  -webkit-user-modify: read-write-plaintext-only;
+}
diff --git a/web/tpl/har/entry_editor.html b/web/tpl/har/entry_editor.html
@@ -36,15 +36,15 @@
           <dt title="请求 URL">Request URL</dt>
           <dd>
             <div class="contentedit-wrapper" ng-bind-html="variables_wrapper(entry.request.url, 'request url')"></div>
-            <div contenteditable="plaintext-only" style="display: none" ng-model="entry.request.url"></div>
+            <div class= "plaintext_only" contenteditable="" style="display: none" ng-model="entry.request.url"></div>
           </dd>
           <dt title="请求方式">Request Method</dt>
           <dd>
-            <div contenteditable="plaintext-only" data-ph="request method" ng-model="entry.request.method"></div>
+            <div class= "plaintext_only" contenteditable="" data-ph="request method" ng-model="entry.request.method"></div>
           </dd>
           <dt title="请求注释">Request Comment</dt>
           <dd>
-            <div contenteditable="plaintext-only" data-ph="request comment" ng-model="entry.comment"></div>
+            <div class= "plaintext_only" contenteditable="" data-ph="request comment" ng-model="entry.comment"></div>
           </dd>
         </dl>