'font_container',
* 'param_name' => 'font_container',
* 'value'=>'',
* 'settings'=>array(
* 'fields'=>array(
* 'tag'=>'h2',
* 'text_align',
* 'font_size',
* 'line_height',
* 'color',
*
* 'tag_description' => __('Select element tag.','js_composer'),
* 'text_align_description' => __('Select text alignment.','js_composer'),
* 'font_size_description' => __('Enter font size.','js_composer'),
* 'line_height_description' => __('Enter line height.','js_composer'),
* 'color_description' => __('Select color for your element.','js_composer'),
* ),
* ),
* ),
* Ordering of fields, font_family, tag, text_align and etc. will be Same as ordering in array!
* To provide default value to field use 'key' => 'value'
*/
class Vc_Font_Container {
/**
* @param $settings
* @param $value
*
* @return string
*/
public function render( $settings, $value ) {
$fields = array();
$values = array();
extract( $this->_vc_font_container_parse_attributes( $settings['settings']['fields'], $value ) );
$data = array();
$output = '';
if ( ! empty( $fields ) ) {
if ( isset( $fields['tag'] ) ) {
$data['tag'] = '
' . __( 'Element tag', 'js_composer' ) . '
';
if ( isset( $fields['tag_description'] ) && strlen( $fields['tag_description'] ) > 0 ) {
$data['tag'] .= '
' . $fields['tag_description'] . '
';
}
$data['tag'] .= '
';
}
if ( isset( $fields['font_size'] ) ) {
$data['font_size'] = '
' . __( 'Font size', 'js_composer' ) . '
';
if ( isset( $fields['font_size_description'] ) && strlen( $fields['font_size_description'] ) > 0 ) {
$data['font_size'] .= '
' . $fields['font_size_description'] . '
';
}
$data['font_size'] .= '
';
}
if ( isset( $fields['text_align'] ) ) {
$data['text_align'] = '
' . __( 'Text align', 'js_composer' ) . '
';
if ( isset( $fields['text_align_description'] ) && strlen( $fields['text_align_description'] ) > 0 ) {
$data['text_align'] .= '
' . $fields['text_align_description'] . '
';
}
$data['text_align'] .= '
';
}
if ( isset( $fields['line_height'] ) ) {
$data['line_height'] = '
' . __( 'Line height', 'js_composer' ) . '
';
if ( isset( $fields['line_height_description'] ) && strlen( $fields['line_height_description'] ) > 0 ) {
$data['line_height'] .= '
' . $fields['line_height_description'] . '
';
}
$data['line_height'] .= '
';
}
if ( isset( $fields['color'] ) ) {
$data['color'] = '
' . __( 'Text color', 'js_composer' ) . '
';
if ( isset( $fields['color_description'] ) && strlen( $fields['color_description'] ) > 0 ) {
$data['color'] .= '
' . $fields['color_description'] . '
';
}
$data['color'] .= '
';
}
if ( isset( $fields['font_family'] ) ) {
$data['font_family'] = '
' . __( 'Font Family', 'js_composer' ) . '
';
if ( isset( $fields['font_family_description'] ) && strlen( $fields['font_family_description'] ) > 0 ) {
$data['font_family'] .= '
' . $fields['font_family_description'] . '
';
}
$data['font_family'] .= '
';
}
if ( isset( $fields['font_style'] ) ) {
$data['font_style'] = '
';
}
$data = apply_filters( 'vc_font_container_output_data', $data, $fields, $values, $settings );
// combine all in output, make sure you follow ordering
foreach ( $fields as $key => $field ) {
if ( isset( $data[ $key ] ) ) {
$output .= $data[ $key ];
}
}
}
$output .= '';
return $output;
}
/**
* If field 'font_family' is used this is list of fonts available
* To modify this list, you should use add_filter('vc_font_container_get_fonts_filter','your_custom_function');
* vc_filter: vc_font_container_get_fonts_filter - to modify list of fonts
* @return array list of fonts
*/
public function _vc_font_container_get_web_safe_fonts() {
// this is "Web Safe FONTS" from w3c: http://www.w3schools.com/cssref/css_websafe_fonts.asp
$web_fonts = array(
'Georgia' => 'Georgia, serif',
'Palatino Linotype' => '"Palatino Linotype", "Book Antiqua", Palatino, serif',
'Book Antiqua' => '"Book Antiqua", Palatino, serif',
'Palatino' => 'Palatino, serif',
'Times New Roman' => '"Times New Roman", Times, serif',
'Arial' => 'Arial, Helvetica, sans-serif',
'Arial Black' => '"Arial Black", Gadget, sans-serif',
'Helvetica' => 'Helvetica, sans-serif',
'Comic Sans MS' => '"Comic Sans MS", cursive, sans-serif',
'Impact' => 'Impact, Charcoal, sans-serif',
'Charcoal' => 'Charcoal, sans-serif',
'Lucida Sans Unicode' => '"Lucida Sans Unicode", "Lucida Grande", sans-serif',
'Lucida Grande' => '"Lucida Grande", sans-serif',
'Tahoma' => 'Tahoma, Geneva, sans-serif',
'Geneva' => 'Geneva, sans-serif',
'Trebuchet MS' => '"Trebuchet MS", Helvetica, sans-serif',
'Verdana' => '"Trebuchet MS", Helvetica, sans-serif',
'Courier New' => '"Courier New", Courier, monospace',
'Lucida Console' => '"Lucida Console", Monaco, monospace',
'Monaco' => 'Monaco, monospace',
);
return apply_filters( 'vc_font_container_get_fonts_filter', $web_fonts );
}
/**
* If 'tag' field used this is list of allowed tags
* To modify this list, you should use add_filter('vc_font_container_get_allowed_tags','your_custom_function');
* vc_filter: vc_font_container_get_allowed_tags - to modify list of allowed tags by default
* @return array list of allowed tags
*/
public function _vc_font_container_get_allowed_tags() {
$allowed_tags = array(
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
'p',
'div',
);
return apply_filters( 'vc_font_container_get_allowed_tags', $allowed_tags );
}
/**
* @param $attr
* @param $value
*
* @return array
*/
public function _vc_font_container_parse_attributes( $attr, $value ) {
$fields = array();
if ( isset( $attr ) ) {
foreach ( $attr as $key => $val ) {
if ( is_numeric( $key ) ) {
$fields[ $val ] = '';
} else {
$fields[ $key ] = $val;
}
}
}
$values = vc_parse_multi_attribute( $value, array(
'tag' => isset( $fields['tag'] ) ? $fields['tag'] : 'h2',
'font_size' => isset( $fields['font_size'] ) ? $fields['font_size'] : '',
'font_style_italic' => isset( $fields['font_style_italic'] ) ? $fields['font_style_italic'] : '',
'font_style_bold' => isset( $fields['font_style_bold'] ) ? $fields['font_style_bold'] : '',
'font_family' => isset( $fields['font_family'] ) ? $fields['font_family'] : '',
'color' => isset( $fields['color'] ) ? $fields['color'] : '',
'line_height' => isset( $fields['line_height'] ) ? $fields['line_height'] : '',
'text_align' => isset( $fields['text_align'] ) ? $fields['text_align'] : 'left',
'tag_description' => isset( $fields['tag_description'] ) ? $fields['tag_description'] : '',
'font_size_description' => isset( $fields['font_size_description'] ) ? $fields['font_size_description'] : '',
'font_style_description' => isset( $fields['font_style_description'] ) ? $fields['font_style_description'] : '',
'font_family_description' => isset( $fields['font_family_description'] ) ? $fields['font_family_description'] : '',
'color_description' => isset( $fields['color_description'] ) ? $fields['color_description'] : 'left',
'line_height_description' => isset( $fields['line_height_description'] ) ? $fields['line_height_description'] : '',
'text_align_description' => isset( $fields['text_align_description'] ) ? $fields['text_align_description'] : '',
)
);
return array( 'fields' => $fields, 'values' => $values );
}
}
/**
* @param $settings
* @param $value
*
* @return mixed|void
*/
function vc_font_container_form_field( $settings, $value ) {
$font_container = new Vc_Font_Container();
return apply_filters( 'vc_font_container_render_filter', $font_container->render( $settings, $value ) );
}