여분필드 사용해서 에디터 여러개 사용하려고 하는데, 문제가 있습니다.
본문
안녕하세요.
여분필드를 사용해서 에디터를 여러개 사용하려고 아래 링크의 팁을 참고해서 설정했습니다.
https://gnustudy.com/bbs/board.php?bo_table=skin_board&wr_id=14
위 팁대로 하니 정상적으로 잘 작동됩니다.
그런데, 제가 에디터를 한번에 다 보여지게 하지 않고,
어코디언 메뉴를 이용해서 클릭시에만 보여지게 하려고 했더니,
첫번째 에디터는 보여지는데, 그 다음거 부터는 에디터 화면이 나오지 않고 빈 화면으로만 나옵니다.
에디터가 아닌 일반 입력창으로 하면 정상적으로 보여지는데, 에디터로 하면 이러네요.
혹시나해서 어코디언 소스 여러개 찾아서 적용해봐도 모두 동일합니다.
어코디언 메뉴를 이용했을때 두번째, 세번째 에디터도 정상적으로 나오게 할 수 있는 방법이 있을까요?
아니면 다른 방법이라도...
일단 제가 적용한 어코디언 소스는 아래 링크 예제를 사용했고,
https://www.switchroyale.com/vallenato/
write.skin.php
에는 아래처럼 적용했습니다.
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if ($w == 'u') {
$wr_7 = get_text(html_purifier($write['wr_7']), 0);
}
if ($w == 'u') {
$wr_8 = get_text(html_purifier($write['wr_8']), 0);
}
if ($w == 'u') {
$wr_9 = get_text(html_purifier($write['wr_9']), 0);
}
.
.
.
<link rel="stylesheet" href="https://www.switchroyale.com/vallenato/vallenato.css" rel="stylesheet">
<link rel="stylesheet" href="styles.css" rel="stylesheet">
<script src="https://www.switchroyale.com/vallenato/vallenato.js"></script>
<script>
$(document).ready(function() {
vallenato();
});
</script>
<div class="content">
<div class="vallenato">
<div class="vallenato-header">
첫번째
</div>
<div class="vallenato-content">
<div class="write_div">
<label for="wr_7" class="sound_only">내용<strong>필수</strong></label>
<div class="wr_7 <?php echo $is_dhtml_editor ? $config['cf_editor'] : ''; ?>">
<?php echo editor_html("wr_7", $write['wr_7'], $is_dhtml_editor); ?>
</div>
</div>
</div>
<div class="vallenato-header">
두번째
</div>
<div class="vallenato-content">
<div class="write_div">
<label for="wr_8" class="sound_only">내용<strong>필수</strong></label>
<div class="wr_8 <?php echo $is_dhtml_editor ? $config['cf_editor'] : ''; ?>">
<?php echo editor_html("wr_8", $write['wr_8'], $is_dhtml_editor); ?>
</div>
</div>
</div>
<div class="vallenato-header">
세번째
</div>
<div class="vallenato-content">
<div class="write_div">
<label for="wr_9" class="sound_only">내용<strong>필수</strong></label>
<div class="wr_9 <?php echo $is_dhtml_editor ? $config['cf_editor'] : ''; ?>">
<?php echo editor_html("wr_9", $write['wr_9'], $is_dhtml_editor); ?>
</div>
</div>
</div>
</div>
</div>
.
.
.
<?php echo get_editor_js("wr_7"); ?>
<?php echo get_editor_js("wr_8"); ?>
<?php echo get_editor_js("wr_9); ?>
<?php echo $editor_js; // 에디터 사용시 자바스크립트에서 내용을 폼필드로 넣어주며 내용이 입력되었는지 검사함 ?>
답변 3
스마트에디터 자체가 처음에 안나오면 제대로 안나오더라고요.
에러 가지 방법들이 검색하면 나오긴하는데 완벽한 방법은 없던걸로 기억을 합니다.
옛날에 멀로 검색을 했었나 정확한 기억은 안나는데 스마티에디터 안보임을 검색해도 몇가지 보이는거 같네요
여러가지 방법들이 있으니 참고해서 작업을 진행하셔야 할거 같습니다.
display:none 처리때문에 그럴겁니다.
일단 페이지 로딩할 때 에디터를 만들긴 하지만 안 보이게 숨겼다가 보여주는 방식으로 아코디언을 다시 작성하시면 될 것 같아요.
혹시라도 궁금해 하실 분이 계셔서 댓글 달아봅니다.
구글 검색해서 수정 해보려고해도 잘 되지 않더군요.
그런데, 에디터를 스마트에디터에서 체에디터 바꾸니 기존 어코디언 메뉴에서도 정상 작동하길래,
에디터를 체에디터 사용하기로 했습니다.