디폴트에서 입력필드에서 작성한 내용 디자인 관련 문의입니다.

입력필드를 설정하여 작성한 내용은 본문의 최상단부터 줄바꿈하여 자동입력되고 있는데요..

작성한 내용이 본문에 입력될 때 특정 폼에 입력되도록 설정하려면 어떻게 할 수 있을까요?

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    KBoard 플러그인에서 게시판 본문의 입력 필드는

    kboard_document_add_option_value_field_html 필터로 레이아웃을 수정하실 수 있습니다.

     

    어떤 식으로 수정하고 싶으신지 알려주시면

    CSS 코드로 가능할지 살펴보겠습니다.

    고맙습니다.

  • 네. 감사합니다.

    이미지파일로 첨부해 두었습니다.  예시파일입니다.

     

    그리고.. Kboard에서이미지 복사해서 붙여넣기를 할 방법이 없을까요?

    onepress image elevator와 같은 플러그인은 포스트나 페이지에서만 적용되어 kboard에서는 사용이 안되네요..

  • 안녕하세요.

    올려주신 예시 파일처럼 입력 필드의 레이아웃을 편집하시려면

    kboard_document_add_option_value_field_html 필터와 CSS 코드를 추가해주시면 가능할 듯합니다.

    워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

    아래의 코드를 추가해보세요.

    add_filter('kboard_document_add_option_value_field_html', 'my_kboard_document_add_option_value_field_html', 10, 4);
    function my_kboard_document_add_option_value_field_html($html, $field, $content, $board){
    	if($board->id == '1'){ // 실제 게시판 id로 적용해주세요.
    		if($field['field_type'] == 'file'){
    			$option_value = $content->attach->{$field['meta_key']};
    		}
    		else{
    			$option_value = $content->option->{$field['meta_key']};
    		}
    		
    		$field_name = (isset($field['field_name'])&&$field['field_name'])?$field['field_name']:$field['field_lable'];
    		
    		if(is_array($content->option->{$field['meta_key']}) && $field['field_type'] != 'file'){
    			$option_value = implode(', ', $option_value);
    		}
    		
    		if($field['field_type'] != 'file'){
    			ob_start();
    			?>
    			<div class="kboard-document-add-option-value meta-key-<?php echo $field['meta_key']?>">
    				<div class="option-name"><?php echo $field_name?></div>
    				<div class="option-value"><?php echo $option_value?></div>
    			</div>
    			<?php
    			$html = ob_get_clean();
    		}
    		else{
    			$url = new KBUrl();
    			ob_start();
    			?>
    			<div class="kboard-document-add-option-value meta-key-<?php echo $field['meta_key']?>">
    				<div class="option-name"><?php echo $field_name?></div>
    				<div class="option-value"><button type='button' class='kboard-button-action kboard-button-download' onclick="window.location.href='<?php echo $url->getDownloadURLWithAttach($content->uid, $field['meta_key'])?>'" title=''><?php echo $option_value[1]?></button></div>
    			</div>
    			<?php
    			$html = ob_get_clean();
    		}
    	}
    	return $html;
    }

     

    그 다음, 워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보세요.

    .kboard-document-add-option-value-wrap .kboard-document-add-option-value .option-name { background: #dfe6f7; border-top: 1px solid black; border-bottom: 1px solid black; text-align: center; }

    위의 코드들은 예제 코드이기 때문에 실제 원하시는 레이아웃으로 적용하시려면

    HTML과 CSS 코드에 대해 알면 도움이 됩니다.

     

    이미지를 본문에 복사해서 붙여 넣기 하고 싶으신 건지요?

    워드프레스 내장 에디터를 사용하시면 비주얼 모드에서 이미지를 붙여 넣기 할 수 있습니다.

    일반적으로 웹 페이지에서 이미지를 드래그로 복사할 수 있다면 가능합니다.

    다만, 한글문서(hwp 파일)는 워드프레스 내장 에디터가 서로 호환되지 않기 때문에

    드래그해서 이미지를 추가하기 어려울 듯합니다.

    고맙습니다.

  • 자세한 안내에 감사드립니다.

    알려주신 대로 2가지 모두 적용해 보았으나 (다른점은 ftp에서 functions.php 파일에 알려주신 내용을 붙여넣었습니다..) 기존에 가로줄로 구분되던 것도 사라집니다. 

  • 아래 링크의 이미지처럼 표시되게 하는 게 아닌지요?

    https://imgur.com/a/x560Vnj

    기존 가로줄로 구분되던 건 어느 것을 말씀하시는 건지요?

    비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)