Site Notice

hello, world

Difference between revisions of "花体字"

From Project-EPB Commons
m ([InPageEdit] 没有编辑摘要)
([InPageEdit] 没有编辑摘要)
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
𝓮𝓭𝓲𝓽𝓪𝓫𝓵𝓮!
 
<html>
 
<html>
<textarea></textarea>
+
<div contenteditable id="addTo" style="width:100%;height:230px;overflow:auto;border:1px solid;padding:8px"></div>
<div></div>
+
<div style="clear:both"></div>
<a href="javascript:;" onclick="add()">𝓐</a> <a href="javascript:;" onclick="add()">𝓑</a> <a href="javascript:;" onclick="add()">𝓒</a> <a href="javascript:;" onclick="add()">𝓓</a> <a href="javascript:;" onclick="add()">𝓔</a> <a href="javascript:;" onclick="add()">𝓕</a> <a href="javascript:;" onclick="add()">𝓖</a> <a href="javascript:;" onclick="add()">𝓗</a> <a href="javascript:;" onclick="add()">𝓘</a> <a href="javascript:;" onclick="add()">𝓙</a> <a href="javascript:;" onclick="add()">𝓚</a> <a href="javascript:;" onclick="add()">𝓛</a> <a href="javascript:;" onclick="add()">𝓜</a> <a href="javascript:;" onclick="add()">𝓝</a> <a href="javascript:;" onclick="add()">𝓞</a> <a href="javascript:;" onclick="add()">𝓟</a> <a href="javascript:;" onclick="add()">𝓠</a> <a href="javascript:;" onclick="add()">𝓡</a> <a href="javascript:;" onclick="add()">𝓢</a> <a href="javascript:;" onclick="add()">𝓣</a> <a href="javascript:;" onclick="add()">𝓤</a> <a href="javascript:;" onclick="add()">𝓥</a> <a href="javascript:;" onclick="add()">𝓦</a> <a href="javascript:;" onclick="add()">𝓧</a> <a href="javascript:;" onclick="add()">𝓨</a> <a href="javascript:;" onclick="add()">𝓩
+
<p><button class="addThis">𝓐</button> <button class="addThis">𝓑</button> <button class="addThis">𝓒</button> <button class="addThis">𝓓</button> <button class="addThis">𝓔</button> <button class="addThis">𝓕</button> <button class="addThis">𝓖</button> <button class="addThis">𝓗</button> <button class="addThis">𝓘</button> <button class="addThis">𝓙</button> <button class="addThis">𝓚</button> <button class="addThis">𝓛</button> <button class="addThis">𝓜</button> <button class="addThis">𝓝</button> <button class="addThis">𝓞</button> <button class="addThis">𝓟</button> <button class="addThis">𝓠</button> <button class="addThis">𝓡</button> <button class="addThis">𝓢</button> <button class="addThis">𝓣</button> <button class="addThis">𝓤</button> <button class="addThis">𝓥</button> <button class="addThis">𝓦</button> <button class="addThis">𝓧</button> <button class="addThis">𝓨</button> <button class="addThis">𝓩</button></p>
<br/>
+
 
<a href="javascript:;" onclick="add()">𝓪</a> <a href="javascript:;" onclick="add()">𝓫</a> <a href="javascript:;" onclick="add()">𝓬</a> <a href="javascript:;" onclick="add()">𝓭</a> <a href="javascript:;" onclick="add()">𝓮</a> <a href="javascript:;" onclick="add()">𝓯</a> <a href="javascript:;" onclick="add()">𝓰</a> <a href="javascript:;" onclick="add()">𝓱</a> <a href="javascript:;" onclick="add()">𝓲</a> <a href="javascript:;" onclick="add()">𝓳</a> <a href="javascript:;" onclick="add()">𝓴</a> <a href="javascript:;" onclick="add()">𝓵</a> <a href="javascript:;" onclick="add()">𝓶</a> <a href="javascript:;" onclick="add()">𝓷</a> <a href="javascript:;" onclick="add()">𝓸</a> <a href="javascript:;" onclick="add()">𝓹</a> <a href="javascript:;" onclick="add()">𝓺</a> <a href="javascript:;" onclick="add()">𝓻</a> <a href="javascript:;" onclick="add()">𝓼</a> <a href="javascript:;" onclick="add()">𝓽</a> <a href="javascript:;" onclick="add()">𝓾</a> <a href="javascript:;" onclick="add()">𝓿</a> <a href="javascript:;" onclick="add()">𝔀</a> <a href="javascript:;" onclick="add()">𝔁</a> <a href="javascript:;" onclick="add()">𝔂</a> <a href="javascript:;" onclick="add()">𝔃
+
<p><button class="addThis">𝓪</button> <button class="addThis">𝓫</button> <button class="addThis">𝓬</button> <button class="addThis">𝓭</button> <button class="addThis">𝓮</button> <button class="addThis">𝓯</button> <button class="addThis">𝓰</button> <button class="addThis">𝓱</button> <button class="addThis">𝓲</button> <button class="addThis">𝓳</button> <button class="addThis">𝓴</button> <button class="addThis">𝓵</button> <button class="addThis">𝓶</button> <button class="addThis">𝓷</button> <button class="addThis">𝓸</button> <button class="addThis">𝓹</button> <button class="addThis">𝓺</button> <button class="addThis">𝓻</button> <button class="addThis">𝓼</button> <button class="addThis">𝓽</button> <button class="addThis">𝓾</button> <button class="addThis">𝓿</button> <button class="addThis">𝔀</button> <button class="addThis">𝔁</button> <button class="addThis">𝔂</button> <button class="addThis">𝔃</button></p>
<br/>
+
 
<a href="javascript:;" onclick="add()">𝒂</a> <a href="javascript:;" onclick="add()">𝒃</a> <a href="javascript:;" onclick="add()">𝒄</a> <a href="javascript:;" onclick="add()">𝒅</a> <a href="javascript:;" onclick="add()">𝒆</a> <a href="javascript:;" onclick="add()">𝒇</a> <a href="javascript:;" onclick="add()">𝒈</a> <a href="javascript:;" onclick="add()">𝒉</a> <a href="javascript:;" onclick="add()">𝒊</a> <a href="javascript:;" onclick="add()">𝒋</a> <a href="javascript:;" onclick="add()">𝒌</a> <a href="javascript:;" onclick="add()">𝒍</a> <a href="javascript:;" onclick="add()">𝒎</a> <a href="javascript:;" onclick="add()">𝒏</a> <a href="javascript:;" onclick="add()">𝒐</a> <a href="javascript:;" onclick="add()">𝒑</a> <a href="javascript:;" onclick="add()">𝒒</a> <a href="javascript:;" onclick="add()">𝒓</a> <a href="javascript:;" onclick="add()">𝒔</a> <a href="javascript:;" onclick="add()">𝒕</a> <a href="javascript:;" onclick="add()">𝒖</a> <a href="javascript:;" onclick="add()">𝒗</a> <a href="javascript:;" onclick="add()">𝒘</a> <a href="javascript:;" onclick="add()">𝒙</a> <a href="javascript:;" onclick="add()">𝒚</a> <a href="javascript:;" onclick="add()">𝒛</a>
+
<p><button class="addThis">𝒂</button> <button class="addThis">𝒃</button> <button class="addThis">𝒄</button> <button class="addThis">𝒅</button> <button class="addThis">𝒆</button> <button class="addThis">𝒇</button> <button class="addThis">𝒈</button> <button class="addThis">𝒉</button> <button class="addThis">𝒊</button> <button class="addThis">𝒋</button> <button class="addThis">𝒌</button> <button class="addThis">𝒍</button> <button class="addThis">𝒎</button> <button class="addThis">𝒏</button> <button class="addThis">𝒐</button> <button class="addThis">𝒑</button> <button class="addThis">𝒒</button> <button class="addThis">𝒓</button> <button class="addThis">𝒔</button> <button class="addThis">𝒕</button> <button class="addThis">𝒖</button> <button class="addThis">𝒗</button> <button class="addThis">𝒘</button> <button class="addThis">𝒙</button> <button class="addThis">𝒚</button> <button class="addThis">𝒛</button></p>
 +
 
 +
<script>
 +
var waitJq = setInterval(function(){
 +
  if (typeof($) !== 'undefined') {
 +
    $('.addThis').click(function(){
 +
      var text = $(this).text();
 +
      // alert(text);
 +
      var old = $('#addTo').text();
 +
      $('#addTo').text(old+text);
 +
    });
 +
    clearInterval(waitJq);
 +
  }
 +
},200);
 +
</script>
 
</html>
 
</html>

Latest revision as of 03:20, 5 December 2019

𝓮𝓭𝓲𝓽𝓪𝓫𝓵𝓮! <html> <div contenteditable id="addTo" style="width:100%;height:230px;overflow:auto;border:1px solid;padding:8px"></div> <div style="clear:both"></div> <p><button class="addThis">𝓐</button> <button class="addThis">𝓑</button> <button class="addThis">𝓒</button> <button class="addThis">𝓓</button> <button class="addThis">𝓔</button> <button class="addThis">𝓕</button> <button class="addThis">𝓖</button> <button class="addThis">𝓗</button> <button class="addThis">𝓘</button> <button class="addThis">𝓙</button> <button class="addThis">𝓚</button> <button class="addThis">𝓛</button> <button class="addThis">𝓜</button> <button class="addThis">𝓝</button> <button class="addThis">𝓞</button> <button class="addThis">𝓟</button> <button class="addThis">𝓠</button> <button class="addThis">𝓡</button> <button class="addThis">𝓢</button> <button class="addThis">𝓣</button> <button class="addThis">𝓤</button> <button class="addThis">𝓥</button> <button class="addThis">𝓦</button> <button class="addThis">𝓧</button> <button class="addThis">𝓨</button> <button class="addThis">𝓩</button></p>

<p><button class="addThis">𝓪</button> <button class="addThis">𝓫</button> <button class="addThis">𝓬</button> <button class="addThis">𝓭</button> <button class="addThis">𝓮</button> <button class="addThis">𝓯</button> <button class="addThis">𝓰</button> <button class="addThis">𝓱</button> <button class="addThis">𝓲</button> <button class="addThis">𝓳</button> <button class="addThis">𝓴</button> <button class="addThis">𝓵</button> <button class="addThis">𝓶</button> <button class="addThis">𝓷</button> <button class="addThis">𝓸</button> <button class="addThis">𝓹</button> <button class="addThis">𝓺</button> <button class="addThis">𝓻</button> <button class="addThis">𝓼</button> <button class="addThis">𝓽</button> <button class="addThis">𝓾</button> <button class="addThis">𝓿</button> <button class="addThis">𝔀</button> <button class="addThis">𝔁</button> <button class="addThis">𝔂</button> <button class="addThis">𝔃</button></p>

<p><button class="addThis">𝒂</button> <button class="addThis">𝒃</button> <button class="addThis">𝒄</button> <button class="addThis">𝒅</button> <button class="addThis">𝒆</button> <button class="addThis">𝒇</button> <button class="addThis">𝒈</button> <button class="addThis">𝒉</button> <button class="addThis">𝒊</button> <button class="addThis">𝒋</button> <button class="addThis">𝒌</button> <button class="addThis">𝒍</button> <button class="addThis">𝒎</button> <button class="addThis">𝒏</button> <button class="addThis">𝒐</button> <button class="addThis">𝒑</button> <button class="addThis">𝒒</button> <button class="addThis">𝒓</button> <button class="addThis">𝒔</button> <button class="addThis">𝒕</button> <button class="addThis">𝒖</button> <button class="addThis">𝒗</button> <button class="addThis">𝒘</button> <button class="addThis">𝒙</button> <button class="addThis">𝒚</button> <button class="addThis">𝒛</button></p>

<script> var waitJq = setInterval(function(){

 if (typeof($) !== 'undefined') {
   $('.addThis').click(function(){
     var text = $(this).text();
     // alert(text);
     var old = $('#addTo').text();
     $('#addTo').text(old+text);
   });
   clearInterval(waitJq);
 }

},200); </script> </html>