자바 스크립트를 사용하여 코드 HTML을 텍스트 영역에 삽입하는 방법

Twinny 템플릿

어떻게해야하나요? 여기 내 스크립트

$('code').on('click', function(){
            var cursorPos = $('#spot-template-code').prop('selectionStart');
            var v = $('#spot-template-code').val();
            var textBefore = v.substring(0,  cursorPos );
            var textAfter  = v.substring( cursorPos, v.length );
            $('#spot-template-code').val( textBefore+ $(this).xml() +textAfter );
        });

어떻게 변경해야하나요? 기능을 클릭 한 후 내 텍스트 영역에 아무 일도 일어나지 않았습니다.

<trans data-id='AFTER'>AFTER</trans>

이 코드를 텍스트 영역에 삽입하고 싶습니까?

칼 페시 다비

좋아, 태그에 코드를 입력하고 컨트롤의 html에 액세스하면됩니다.

$('[data-id="AFTER"]').click(function(){
  $('#txtCode').val($('#copy').html()) 
});
<script
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>
<script id="copy">
$('code').on('click', function(){
            var cursorPos = $('#spot-template-code').prop('selectionStart');
            var v = $('#spot-template-code').val();
            var textBefore = v.substring(0,  cursorPos );
            var textAfter  = v.substring( cursorPos, v.length );
            $('#spot-template-code').val( textBefore+ $(this).xml() +textAfter );
        });
        </script>
        <trans data-id='AFTER'>AFTER</trans>
        <textarea id="txtCode"></textarea>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트를 사용하여 문자열을 텍스트 영역에 추가하는 방법

분류에서Dev

HTML에 자바 스크립트 코드를 삽입하는 방법

분류에서Dev

자바 스크립트를 사용하여 텍스트 영역 안에 정렬 된 목록을 만드는 방법은 무엇입니까?

분류에서Dev

두 텍스트 영역의 유효성을 검사하는 자바 스크립트를 사용하는 방법

분류에서Dev

PHP를 사용하여 여러 선택 드롭 다운을 텍스트 영역에 에코하는 방법

분류에서Dev

thymeleaf를 사용하여 자바 스크립트에 번역을 넣는 방법

분류에서Dev

Wordpress : API를 사용하여 (외부 자산을 참조하지 않고) 자바 스크립트 코드를 삽입하는 방법은 무엇입니까?

분류에서Dev

HTML과 자바 스크립트 코드를 동시에 재사용하는 방법은 무엇입니까?

분류에서Dev

HTML 코드에서 자바 스크립트 변수를 표시하는 방법

분류에서Dev

자바 스크립트에서 ID를 사용하여 텍스트 상자의 값을 얻는 방법

분류에서Dev

자바 스크립트를 사용하여 HTML 텍스트 상자의 입력을 표시하는 방법

분류에서Dev

자바 스크립트를 사용하여 웹 사이트에서 텍스트를 복사하는 동안 텍스트 서식을 포함하는 방법

분류에서Dev

텍스트 필드를 통해 양식을 제출할 때 Rails에서 자바 스크립트 코드를 실행하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트를 사용하여 기존 이미지에 QR 코드를 삽입하는 방법은 무엇입니까?

분류에서Dev

내 vuejs 구성 요소에 자바 스크립트 코드를 삽입하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트를 사용하여 HTML에서 스크립트 태그를 제거하는 방법

분류에서Dev

자바 스크립트로 특정 div에 HTML을 삽입하는 방법

분류에서Dev

이 자바 스크립트 코드를 사용하는 방법

분류에서Dev

쉼표로 구분 된 문자열을 분할하고 자바 스크립트를 사용하여 HTML에 삽입하는 방법

분류에서Dev

JavaScript를 사용하여 스크립트 변수 내에 텍스트 상자 값을 삽입하는 방법은 무엇입니까?

분류에서Dev

네이티브 자바 스크립트 코드를 사용하는 HTML5 캔버스의 터치 영역

분류에서Dev

자바 스크립트를 사용하여 단락에 코드를 표시하는 방법

분류에서Dev

자바 스크립트 코드를 사용하여 비활성화 된 버튼에서 시간을 계산하는 방법은 무엇입니까?

분류에서Dev

Javascript를 사용하여 입력 또는 텍스트 영역에서 숫자에 밑줄을 긋는 방법

분류에서Dev

자바 스크립트 변수를 사용하여 텍스트 필드에 가변 텍스트를 만드는 방법

분류에서Dev

Bash 스크립트를 사용하여 텍스트를 HTML 문자 코드로 변환하는 방법은 무엇입니까?

분류에서Dev

자바 코드를 자바 스크립트에 작성하는 방법

분류에서Dev

숫자와 텍스트 자바 스크립트 사이에 대시를 삽입하는 방법

분류에서Dev

자바 스크립트를 사용하여 드롭 다운 목록 값을 텍스트 상자에 전달

Related 관련 기사

  1. 1

    자바 스크립트를 사용하여 문자열을 텍스트 영역에 추가하는 방법

  2. 2

    HTML에 자바 스크립트 코드를 삽입하는 방법

  3. 3

    자바 스크립트를 사용하여 텍스트 영역 안에 정렬 된 목록을 만드는 방법은 무엇입니까?

  4. 4

    두 텍스트 영역의 유효성을 검사하는 자바 스크립트를 사용하는 방법

  5. 5

    PHP를 사용하여 여러 선택 드롭 다운을 텍스트 영역에 에코하는 방법

  6. 6

    thymeleaf를 사용하여 자바 스크립트에 번역을 넣는 방법

  7. 7

    Wordpress : API를 사용하여 (외부 자산을 참조하지 않고) 자바 스크립트 코드를 삽입하는 방법은 무엇입니까?

  8. 8

    HTML과 자바 스크립트 코드를 동시에 재사용하는 방법은 무엇입니까?

  9. 9

    HTML 코드에서 자바 스크립트 변수를 표시하는 방법

  10. 10

    자바 스크립트에서 ID를 사용하여 텍스트 상자의 값을 얻는 방법

  11. 11

    자바 스크립트를 사용하여 HTML 텍스트 상자의 입력을 표시하는 방법

  12. 12

    자바 스크립트를 사용하여 웹 사이트에서 텍스트를 복사하는 동안 텍스트 서식을 포함하는 방법

  13. 13

    텍스트 필드를 통해 양식을 제출할 때 Rails에서 자바 스크립트 코드를 실행하는 방법은 무엇입니까?

  14. 14

    자바 스크립트를 사용하여 기존 이미지에 QR 코드를 삽입하는 방법은 무엇입니까?

  15. 15

    내 vuejs 구성 요소에 자바 스크립트 코드를 삽입하는 방법은 무엇입니까?

  16. 16

    자바 스크립트를 사용하여 HTML에서 스크립트 태그를 제거하는 방법

  17. 17

    자바 스크립트로 특정 div에 HTML을 삽입하는 방법

  18. 18

    이 자바 스크립트 코드를 사용하는 방법

  19. 19

    쉼표로 구분 된 문자열을 분할하고 자바 스크립트를 사용하여 HTML에 삽입하는 방법

  20. 20

    JavaScript를 사용하여 스크립트 변수 내에 텍스트 상자 값을 삽입하는 방법은 무엇입니까?

  21. 21

    네이티브 자바 스크립트 코드를 사용하는 HTML5 캔버스의 터치 영역

  22. 22

    자바 스크립트를 사용하여 단락에 코드를 표시하는 방법

  23. 23

    자바 스크립트 코드를 사용하여 비활성화 된 버튼에서 시간을 계산하는 방법은 무엇입니까?

  24. 24

    Javascript를 사용하여 입력 또는 텍스트 영역에서 숫자에 밑줄을 긋는 방법

  25. 25

    자바 스크립트 변수를 사용하여 텍스트 필드에 가변 텍스트를 만드는 방법

  26. 26

    Bash 스크립트를 사용하여 텍스트를 HTML 문자 코드로 변환하는 방법은 무엇입니까?

  27. 27

    자바 코드를 자바 스크립트에 작성하는 방법

  28. 28

    숫자와 텍스트 자바 스크립트 사이에 대시를 삽입하는 방법

  29. 29

    자바 스크립트를 사용하여 드롭 다운 목록 값을 텍스트 상자에 전달

뜨겁다태그

보관