Hugging Face's logo

Spaces:
SenY
/
dummyTextUtil
Running

App Files Community
SenY commited on
Commit
9d40287
Β·
1 Parent(s): f9fcf2d

Color

Browse files
Files changed (1) hide show
  1. index.html +26 -10
index.html CHANGED
@@ -21,13 +21,13 @@
21
  right: 10px;
22
  z-index: 10;
23
  display: flex;
24
- gap: 5px;
25
  }
26
 
27
  .text-area-controls .btn {
28
- padding: 4px 8px;
29
- font-size: 12px;
30
- border-radius: 4px;
31
  }
32
 
33
  .text-area-container textarea {
@@ -107,12 +107,15 @@
107
  <div class="accordion-body">
108
  <div class="text-area-container">
109
  <div class="text-area-controls">
110
- <button class="btn btn-outline-primary btn-sm" onclick="copyToClipboard('topText', event)" title="コピー">
111
  <i class="fas fa-copy"></i>
112
  </button>
113
- <button class="btn btn-outline-secondary btn-sm" onclick="pasteFromClipboard('topText')" title="γƒšγƒΌγ‚Ήγƒˆ">
114
  <i class="fas fa-paste"></i>
115
  </button>
 
 
 
116
  </div>
117
  <textarea id="topText" class="form-control" style="width:100%; min-height:50vh;"
118
  rows="10" placeholder="γ“γ“γ«γƒ†γ‚­γ‚Ήγƒˆγ‚’ε…₯εŠ›γ—γ¦γγ γ•γ„"></textarea>
@@ -132,12 +135,15 @@
132
  <div class="accordion-body">
133
  <div class="text-area-container">
134
  <div class="text-area-controls">
135
- <button class="btn btn-outline-primary btn-sm" onclick="copyToClipboard('bottomText', event)" title="コピー">
136
  <i class="fas fa-copy"></i>
137
  </button>
138
- <button class="btn btn-outline-secondary btn-sm" onclick="pasteFromClipboard('bottomText')" title="γƒšγƒΌγ‚Ήγƒˆ">
139
  <i class="fas fa-paste"></i>
140
  </button>
 
 
 
141
  </div>
142
  <textarea id="bottomText" class="form-control" style="width:100%; min-height:50vh;"
143
  rows="10" placeholder="γ“γ“γ«γƒ†γ‚­γ‚Ήγƒˆγ‚’ε…₯εŠ›γ—γ¦γγ γ•γ„"></textarea>
@@ -158,12 +164,15 @@
158
  <div class="accordion-body">
159
  <div class="text-area-container">
160
  <div class="text-area-controls">
161
- <button class="btn btn-outline-primary btn-sm" onclick="copyToClipboard('memoArea', event)" title="コピー">
162
  <i class="fas fa-copy"></i>
163
  </button>
164
- <button class="btn btn-outline-secondary btn-sm" onclick="pasteFromClipboard('memoArea')" title="γƒšγƒΌγ‚Ήγƒˆ">
165
  <i class="fas fa-paste"></i>
166
  </button>
 
 
 
167
  </div>
168
  <textarea id="memoArea" class="form-control" style="width:100%; min-height:50vh;"
169
  rows="10" placeholder="γ“γ“γ«γƒ†γ‚­γ‚Ήγƒˆγ‚’ε…₯εŠ›γ—γ¦γγ γ•γ„"></textarea>
@@ -399,6 +408,13 @@
399
  }
400
  }
401
 
 
 
 
 
 
 
 
402
 
403
  </script>
404
  </body>
 
21
  right: 10px;
22
  z-index: 10;
23
  display: flex;
24
+ gap: 8px;
25
  }
26
 
27
  .text-area-controls .btn {
28
+ padding: 6px 12px;
29
+ font-size: 14px;
30
+ border-radius: 6px;
31
  }
32
 
33
  .text-area-container textarea {
 
107
  <div class="accordion-body">
108
  <div class="text-area-container">
109
  <div class="text-area-controls">
110
+ <button class="btn btn-outline-success btn-sm" onclick="copyToClipboard('topText', event)" title="コピー">
111
  <i class="fas fa-copy"></i>
112
  </button>
113
+ <button class="btn btn-outline-primary btn-sm" onclick="pasteFromClipboard('topText')" title="γƒšγƒΌγ‚Ήγƒˆ">
114
  <i class="fas fa-paste"></i>
115
  </button>
116
+ <button class="btn btn-outline-danger btn-sm" onclick="clearTextarea('topText')" title="γ‚―γƒͺγ‚’">
117
+ <i class="fas fa-trash"></i>
118
+ </button>
119
  </div>
120
  <textarea id="topText" class="form-control" style="width:100%; min-height:50vh;"
121
  rows="10" placeholder="γ“γ“γ«γƒ†γ‚­γ‚Ήγƒˆγ‚’ε…₯εŠ›γ—γ¦γγ γ•γ„"></textarea>
 
135
  <div class="accordion-body">
136
  <div class="text-area-container">
137
  <div class="text-area-controls">
138
+ <button class="btn btn-outline-success btn-sm" onclick="copyToClipboard('bottomText', event)" title="コピー">
139
  <i class="fas fa-copy"></i>
140
  </button>
141
+ <button class="btn btn-outline-primary btn-sm" onclick="pasteFromClipboard('bottomText')" title="γƒšγƒΌγ‚Ήγƒˆ">
142
  <i class="fas fa-paste"></i>
143
  </button>
144
+ <button class="btn btn-outline-danger btn-sm" onclick="clearTextarea('bottomText')" title="γ‚―γƒͺγ‚’">
145
+ <i class="fas fa-trash"></i>
146
+ </button>
147
  </div>
148
  <textarea id="bottomText" class="form-control" style="width:100%; min-height:50vh;"
149
  rows="10" placeholder="γ“γ“γ«γƒ†γ‚­γ‚Ήγƒˆγ‚’ε…₯εŠ›γ—γ¦γγ γ•γ„"></textarea>
 
164
  <div class="accordion-body">
165
  <div class="text-area-container">
166
  <div class="text-area-controls">
167
+ <button class="btn btn-outline-success btn-sm" onclick="copyToClipboard('memoArea', event)" title="コピー">
168
  <i class="fas fa-copy"></i>
169
  </button>
170
+ <button class="btn btn-outline-primary btn-sm" onclick="pasteFromClipboard('memoArea')" title="γƒšγƒΌγ‚Ήγƒˆ">
171
  <i class="fas fa-paste"></i>
172
  </button>
173
+ <button class="btn btn-outline-danger btn-sm" onclick="clearTextarea('memoArea')" title="γ‚―γƒͺγ‚’">
174
+ <i class="fas fa-trash"></i>
175
+ </button>
176
  </div>
177
  <textarea id="memoArea" class="form-control" style="width:100%; min-height:50vh;"
178
  rows="10" placeholder="γ“γ“γ«γƒ†γ‚­γ‚Ήγƒˆγ‚’ε…₯εŠ›γ—γ¦γγ γ•γ„"></textarea>
 
408
  }
409
  }
410
 
411
+ // γƒ†γ‚­γ‚Ήγƒˆγ‚¨γƒͺγ‚’γ‚’γ‚―γƒͺをする閒数
412
+ function clearTextarea(textareaId) {
413
+ const textarea = document.getElementById(textareaId);
414
+ textarea.value = '';
415
+ saveToUserStorage(true); // γ‚―γƒͺγ‚’γ—γŸγ‚‰θ‡ͺε‹•δΏε­˜
416
+ }
417
+
418
 
419
  </script>
420
  </body>