현재 서비스 준비 중인 페이지로, 실제로 다른 내용이 있을 수 있습니다. 

클래식 편집기의 글자 색상 추가하기

작성자 | 2021. 04. 2

클랙식 편집기에는 글자 색상을 클릭시 미리 지정된 컬러값이 있습니다.
이 팔렛트 의 컬러를 본인이 즐겨 사용하는 컬러만 지정하거나, 추가할수 있습니다.
아래 샘플 코드는 기본 값에서 추가로 원하는 컬러 값을 추가 했으며, 응용해서 본인이 원하는 컬러만 표시되도록 하실 수 있습니다.

function tiny_mce_custom_color( $options ) {
    $default_colours = '"000000", "Black",
                        "993300", "Burnt orange",
                        "333300", "Dark olive",
                        "003300", "Dark green",
                        "003366", "Dark azure",
                        "000080", "Navy Blue",
                        "333399", "Indigo",
                        "333333", "Very dark gray",
                        "800000", "Maroon",
                        "FF6600", "Orange",
                        "808000", "Olive",
                        "008000", "Green",
                        "008080", "Teal",
                        "0000FF", "Blue",
                        "666699", "Grayish blue",
                        "808080", "Gray",
                        "FF0000", "Red",
                        "FF9900", "Amber",
                        "99CC00", "Yellow green",
                        "339966", "Sea green",
                        "33CCCC", "Turquoise",
                        "3366FF", "Royal blue",
                        "800080", "Purple",
                        "999999", "Medium gray",
                        "FF00FF", "Magenta",
                        "FFCC00", "Gold",
                        "FFFF00", "Yellow",
                        "00FF00", "Lime",
                        "00FFFF", "Aqua",
                        "00CCFF", "Sky blue",
                        "993366", "Red violet",
                        "FFFFFF", "White",
                        "FF99CC", "Pink",
                        "FFCC99", "Peach",
                        "FFFF99", "Light yellow",
                        "CCFFCC", "Pale green",
                        "CCFFFF", "Pale cyan",
                        "99CCFF", "Light sky blue",
                        "CC99FF", "Plum"';

    $custom_colours =  '"0032A0", "Color 1 Name",
                        "2e84b6", "Color 2 Name",
                        "ec4c6a", "Color 3 Name",
                        "16b06d", "Color 4 Name",
                        "f4c31a", "Color 5 Name"';
    $options['textcolor_map'] = '['.$default_colours.','.$custom_colours.']';
    $options['textcolor_cols'] = 7;
    $options['textcolor_rows'] = 7;
    return $options;
}
add_filter('tiny_mce_before_init', 'tiny_mce_custom_color' , 999);

 

 

 

 

단비스토어

워드프레스의 개발원칙을 지키며, 워드프레스를 위한 국내 최대의 리소스를 제공합니다.

단비 노하우는...

  • 상용 사이트 제작과 운영을 지식 제공을 목적으로 단편적이고 파편적인 정보를 지양합니다.
  • 최상의 리소스를 중심으로 작성되며, 리소스의 가격은  거의 고려하지 않습니다. 따라서, 상용 사이트에 적합하지 않은 테마나 플러인은 다뤄지지 않습니다. 
  • 모든 노하우는 단비에서 직접 검증한 내용입니다.
  • IT 기술이 빠르게 발전하 듯이, 언급된 리소스에도 변화가 있을 수 있습니다. 업데이트 날짜를 기준으로 읽어봐 주시기 바랍니다.