테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

에디터에 셀렉트박스를 이용하여 지정된 문구 넣기 채택완료

재미니다 4년 전 조회 2,287
답변 1
목록

댓글은 textarea라서

</p>

<p><textarea id="wr_content" name="wr_content" maxlength="10000" rows="4" class="form-control" <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');" <?php } ?>><?php echo $c_wr_content;  ?></textarea></p>

<p><div class="col-sm-10 px-2">

  <select id="auto_comment" onchange="autoComment();">

   <option value="">자동멘트선택</option>

   <option data-value="1절">동해물과 백두산이 마르고 닳도록 하느님이 보우하사 국내 만세</option>

   <option data-value="2절">남산 위에 저 소나무 철갑을 두른 듯 바람서리 불변함은 우리 기상일세</option>

   <option data-value="3절">가을 하늘 공활한데 높고 구름 없이 밝은 달은 우리 가슴 일편단심일세애국가</option>

 </select>

</div>

 

<script>

 function autoComment() {

  var comment = $("#auto_comment option:selected").data('value');

  $("#wr_content").empty();

  $("#wr_content").append(comment);

 }

</script></p>

<p>

이렇게 셀렉트 박스로 원하는 문구를 한번에 나오게 했는데요..

 

qa게시판에서 답변을 달때 위처럼 이용하고 싶어서 view.answerform.skin 여기에 자동멘트코드를 추가해보려고 했습니다만

textarea가 아닌 에디터로 되어있는 거 같아서 어디부분에 자동멘트코드를 넣고 연결해야 하는지 감이 오질않습니다.ㅜㅜ

고수분들 에디터를 이용하여 셀렉트박스 자동멘트 코드를 사용하려면 어떻게 해야하는지요?

view.answerform.skin 코드 같이 올립니다.

고수분들의 답변을 기다립니다.

 

</p>

<p><?php</p>

<p>if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가</p>

<p>?></p>

<p> </p>

<p><section id="bo_v_ans_form" class="mb-3 py-3 pb-4 border-top border-bottom"></p>

<p> </p>

<p>    <?php </p>

<p>    // 관리자이면 답변등록 </p>

<p>    if($is_admin) { </p>

<p>        // 첨부파일</p>

<p>        na_script('fileinput');</p>

<p>    ?></p>

<p>    <form name="fanswer" method="post" action="./qawrite_update.php" onsubmit="return fwrite_submit(this);" enctype="multipart/form-data" autocomplete="off" class="px-3 px-sm-0"></p>

<p>    <input type="hidden" name="qa_id" value="<?php echo $view['qa_id']; ?>"></p>

<p>    <input type="hidden" name="w" value="a"></p>

<p>    <input type="hidden" name="sca" value="<?php echo $sca ?>"></p>

<p>    <input type="hidden" name="stx" value="<?php echo $stx; ?>"></p>

<p>    <input type="hidden" name="page" value="<?php echo $page; ?>"></p>

<p>    <input type="hidden" name="token" value="<?php echo get_text($token); ?>"></p>

<p>        <div class="row mx-n2"></p>

<p>            <div class="col-sm-9 px-2"></p>

<p>                <div class="input-group mb-3"></p>

<p>                    <div class="input-group-prepend"></p>

<p>                        <span class="input-group-text" id="basic-addon1">답변 제목</span></p>

<p>                    </div>  </p>

<p>                    <input type="text" name="qa_subject" value="답변 드립니다." id="qa_subject" required class="form-control required" maxlength="255"></p>

<p>                </div></p>

<p>            </div></p>

<p> </p>

<p>            <?php if ($is_dhtml_editor) { ?></p>

<p>                <input type="hidden" name="qa_html" value="1"></p>

<p>            <?php } else { ?></p>

<p>                <div class="col-sm-3 px-2"></p>

<p>                    <div class="custom-control custom-checkbox mb-2 mt-0 mt-sm-1 "></p>

<p>                        <input type="checkbox" name="qa_html" value="<?php echo $html_value ?>" id="qa_html" onclick="html_auto_br(this);" class="custom-control-input" <?php echo $html_checked ?>></p>

<p>                        <label class="custom-control-label" for="qa_html"><span>HTML</span></label></p>

<p>                    </div></p>

<p>                </div></p>

<p>            <?php } ?></p>

<p>        </div></p>

<p>        </p>

<p>        <div class="form-group mb-3"></p>

<p>            <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?></p>

<p> </p>

<p>            <?php if ($is_dhtml_editor) { ?></p>

<p>                <style> #qa_content { border:0; display:none; } </style></p>

<p>            <?php } else { ?></p>

<p>                <script> $("#qa_content").hide().addClass("form-control").show(); </script></p>

<p>            <?php } ?></p>

<p>        </div></p>

<p> </p>

<p>        <div class="form-group f-sm mb-4"></p>

<p>            <div class="input-group mb-2"></p>

<p>                <div class="input-group-prepend"></p>

<p>                    <label class="input-group-text" for="bf_file1">파일 1</label></p>

<p>                </div></p>

<p>                <div class="custom-file"></p>

<p>                    <input type="file" name="bf_file[1]" class="custom-file-input" title="파일 용량 <?php echo $upload_max_filesize; ?> 이하만 업로드 가능" id="bf_file1"></p>

<p>                    <label class="custom-file-label" for="bf_file1" data-browse="선택"></label></p>

<p>                </div></p>

<p>            </div></p>

<p> </p>

<p>            <div class="input-group"></p>

<p>                <div class="input-group-prepend"></p>

<p>                    <label class="input-group-text" for="bf_file2">파일 2</label></p>

<p>                </div></p>

<p>                <div class="custom-file"></p>

<p>                    <input type="file" name="bf_file[2]" class="custom-file-input" title="파일 용량 <?php echo $upload_max_filesize; ?> 이하만 업로드 가능" id="bf_file2"></p>

<p>                    <label class="custom-file-label" for="bf_file2" data-browse="선택"></label></p>

<p>                </div></p>

<p>            </div></p>

<p>        </div></p>

<p> </p>

<p>        <div class="text-center"></p>

<p>            <button type="submit" id="btn_submit" accesskey="s" class="btn btn-primary">답변등록</button></p>

<p>        </div></p>

<p>    </form></p>

<p> </p>

<p>    <script></p>

<p>    function html_auto_br(obj) {</p>

<p>        if (obj.checked) {</p>

<p>            result = confirm("자동 줄바꿈을 하시겠습니까?\n\n자동 줄바꿈은 게시물 내용중 줄바뀐 곳을
태그로 변환하는 기능입니다.");</p>

<p>            if (result)</p>

<p>                obj.value = "2";</p>

<p>            else</p>

<p>                obj.value = "1";</p>

<p>        }</p>

<p>        else</p>

<p>            obj.value = "";</p>

<p>    }</p>

<p> </p>

<p>    function fwrite_submit(f) {</p>

<p> </p>

<p>        <?php echo $editor_js; // 에디터 사용시 자바스크립트에서 내용을 폼필드로 넣어주며 내용이 입력되었는지 검사함   ?></p>

<p> </p>

<p>        var subject = "";</p>

<p>        var content = "";</p>

<p>        $.ajax({</p>

<p>            url: g5_bbs_url+"/ajax.filter.php",</p>

<p>            type: "POST",</p>

<p>            data: {</p>

<p>                "subject": f.qa_subject.value,</p>

<p>                "content": f.qa_content.value</p>

<p>            },</p>

<p>            dataType: "json",</p>

<p>            async: false,</p>

<p>            cache: false,</p>

<p>            success: function(data, textStatus) {</p>

<p>                subject = data.subject;</p>

<p>                content = data.content;</p>

<p>            }</p>

<p>        });</p>

<p> </p>

<p>        if (subject) {</p>

<p>            alert("제목에 금지단어('"+subject+"')가 포함되어있습니다");</p>

<p>            f.qa_subject.focus();</p>

<p>            return false;</p>

<p>        }</p>

<p> </p>

<p>        if (content) {</p>

<p>            alert("내용에 금지단어('"+content+"')가 포함되어있습니다");</p>

<p>            if (typeof(ed_qa_content) != "undefined")</p>

<p>                ed_qa_content.returnFalse();</p>

<p>            else</p>

<p>                f.qa_content.focus();</p>

<p>            return false;</p>

<p>        }</p>

<p> </p>

<p>        $.ajax({</p>

<p>            type: "POST",</p>

<p>            url: g5_bbs_url+"/ajax.write.token.php",</p>

<p>            data: { 'token_case' : 'qa_write' },</p>

<p>            cache: false,</p>

<p>            async: false,</p>

<p>            dataType: "json",</p>

<p>            success: function(data) {</p>

<p>                if (typeof data.token !== "undefined") {</p>

<p>                    token = data.token;</p>

<p>                    if(typeof f.token === "undefined")</p>

<p>                        $(f).prepend('<input type="hidden" name="token" value="">');</p>

<p>                    $(f).find("input[name=token]").val(token);</p>

<p>                }</p>

<p>            }</p>

<p>        });</p>

<p> </p>

<p>        document.getElementById("btn_submit").disabled = "disabled";</p>

<p> </p>

<p>        return true;</p>

<p>    }</p>

<p>    </script></p>

<p>    <?php } else { ?></p>

<p>        <div id="ans_msg" class="px-3 pt-2 text-center">문의에 대한 답변을 준비 중입니다.</div></p>

<p>    <?php } ?></p>

<p></section></p>

<p> </p>

<p><div class="px-3 px-sm-0 pb-3"></p>

<p>    <div class="na-table d-table w-100"></p>

<p>        <div class="d-table-row"></p>

<p>            <div class="d-table-cell nw-3 text-left"></p>

<p>                <?php if ($prev_href) { ?></p>

<p>                    <a href="<?php echo $prev_href ?>" class="btn btn_b01 nofocus" title="이전 문의"></p>

<p>                        <i class="fa fa-chevron-left fa-md" aria-hidden="true"></i></p>

<p>                        <span class="sr-only">이전 문의</span></p>

<p>                    </a></p>

<p>                <?php } ?></p>

<p>            </div></p>

<p>            <div class="d-table-cell text-center"></p>

<p>                <a href="<?php echo $list_href ?>" class="btn btn_b01 nofocus" role="button"  title="목록"></p>

<p>                    <i class="fa fa-list fa-md" aria-hidden="true"></i></p>

<p>                    <span class="sr-only">목록</span></p>

<p>                </a>  </p>

<p>            </div></p>

<p>            <div class="d-table-cell nw-3 text-right"></p>

<p>                <?php if ($next_href) { ?></p>

<p>                    <a href="<?php echo $next_href ?>" class="btn btn_b01 nofocus" title="다음 문의"></p>

<p>                        <i class="fa fa-chevron-right fa-md" aria-hidden="true"></i></p>

<p>                        <span class="sr-only">다음 문의</span></p>

<p>                    </a></p>

<p>                <?php } ?></p>

<p>            </div></p>

<p>        </div></p>

<p>    </div></p>

<p></div></p>

<p> </p>

<p>

#그누보드5 #에디터 #qa
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
트
트샷
4년 전

※ https://m.blog.naver.com/monkeychoi/60171723220
<script>
 function autoComment() {
  var comment = $("#auto_comment option:selected").data('value');
  oEditors.getById["wr_content"].exec("PASTE_HTML", comment);
 }
</script>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 5개

�
재미니다
4년 전
트샷님 답변 감사합니다.
알려주신 코드를 어느 구간에 넣어줘야 하나요?
클래스명 form-group mb-3 아래에 넣어줬는데 작동을 안하네요..
다시 한 번 답변 주시면 감사하겠습니다(__)
�
트샷
4년 전
function은 위치가 상관이 없습니다.

작동이 안된다면..
oEditors.getById["wr_content"].exec("PASTE_HTML", 'abcd');
코드로 테스트를 여러번 진행하여.. 문제점을 찾아나가면서 해야 될 듯 합니다.
�
재미니다
4년 전
아 그렇군요 좀 더 공부좀 해보겠습니다!^^
소중한 답변 감사드립니다^^
�
트샷
4년 전
참고글입니다.

https://sir.kr/g5_tip/14011

https://sir.kr/qa/255308
�
재미니다
4년 전
참고하여 공부해보겠습니다 ㅎㅎㅎ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인