Search Results for 'Wysiwyg'
reply
-
In reply to where does AFC store data in the database?
- October 14, 2020 at 3:16 am
Revisiting this topic, as I’m working on another project where I have to find specific data in ACF fields.
So I have a wysiwyg field with a key named field_59c990d0410b8. When using phpmyadmin, all I can find is one record for the settings for that field, not the actual content.
Is the content stored somewhere else? In post_content perhaps?
Are there any guides for doing searches on content entered into ACF? I couldn’t find anything, just lots of highly specific questions. So might be helpful to have a guide explaining this, since ACF content is not searchable using wordpress itself.
-
In reply to get_sub_field returns bool (false)
- October 8, 2020 at 4:38 am
in my template page I have this loop:
<div class="row"> <?php if(have_rows('mb_collection_strates')): while(have_rows('mb_collection_strates')): the_row(); $layout = get_row_layout(); echo clrz_get_template_part('collections-level-one', $layout); endwhile; endif; ?> </div>which uses files one of them contains this code
<div class="strate-collection-hairstyle strate-collection-hairstyle--mobile margin-bottom-xl"> <div class="container-fluid"> <div class="row collection-hairstyle-container js-hairstyle-tabs tabs"> <div class="col-xs-12 col-xs-offset-2 js-tab-content"> <div class="row"> <?php $i = 0; $tabsRepeater = get_sub_field('mb_hairstyle_tabs_repeater'); $tabsList = '<div class="col-xs-12 col-xs-offset-2 tabs__list"><ul class="text-uppercase js-tabs">'; if ( have_rows('mb_hairstyle_tabs_repeater') ) : while ( have_rows('mb_hairstyle_tabs_repeater') ) : the_row(); $i++; $tabName = get_sub_field('mb_tab_name'); $tabTitle = get_sub_field('mb_tab_title'); $tabText = get_sub_field('mb_tab_text'); $tabImg = get_sub_field('mb_tab_illustration'); $tabBtnLabel = get_sub_field('mb_tab_button_label'); $tabBtnExternalTarget = get_sub_field('mb_tab_external_target'); $tabBtnUrl = get_sub_field('mb_tab_button_target_url'); // $tabInternalLink = get_sub_field('mb_tab_internal_link'); if ( $tabBtnExternalTarget ) : $link = get_sub_field('mb_tab_button_target_url'); else: $link = get_sub_field('mb_tab_internal_link'); endif; // Récupération infos meta de la page cible (image pour Pinterest) $subPageId = url_to_postid($link); $seoOgDescription = $tabTitle . ' - ' . $tabText; // priorité à l'image SEO Yoast $seoOgImageUrl = get_post_meta($subPageId, "_yoast_wpseo_opengraph-image")[0]; if (!$seoOgImageUrl) { // Fall-back sur l'image de l'onglet $seoOgImageUrl = clrz_get_image_url($tabImg, '625x880'); } // TESTS // var_dump(get_post_meta($subPageId)); // echo '<img src="' . $seoOgImageUrl . '" alt="bob" />'; // END TESTS if ( $i == 1 ) : $active = 'active'; else: $active = ''; endif; $tabsList .= '<li class="tabs__name text-uppercase js-tab js-tab-content '. $active .'" data-id="' . $i . '">' . $tabName . '</li>'; ?> <div class="col-xs-16 margin-bottom-md tabs__content js-tab-content <?php echo $active; ?>" data-id="<?php echo $i;?>"> <img />" alt=""> </div> <div class="col-xs-16 tabs__content black js-tab-content <?php echo $active; ?>" data-id="<?php echo $i;?>"> <div class="content"> <div class="title-sub"> <p class="h2 black smooth-font"><?php echo $tabTitle ?></p> </div> <p class="tabs__content--text"><?php echo $tabText?></p> <div class="tabs__content--footer clearfix"> <?php if ($tabBtnLabel) : ?> <a>" class="text-uppercase button button--black" title="<?php echo $tabBtnLabel?>"><?php echo $tabBtnLabel?></a> <?php endif; ?> <ul class="socials margin-top-md"> <li class="button"> <a>" target="_blank" title="<?php echo __( 'Partager sur Facebook', 'clrz_lang' ); ?>"> <svg class="icon"> <use xlink:href="#icon-facebook"></use> </svg> </a> </li> <li class="button"> <a>&media=<?php echo urlencode($seoOgImageUrl); ?>&description=<?php echo urlencode(strip_tags($seoOgDescription));?>" target="_blank" title="<?php echo __( 'Partager sur Pinterest', 'clrz_lang' ); ?>"> <svg class="icon"> <use xlink:href="#icon-pinterest"></use> </svg> </a> </li> <li class="button"> <a>&text=<?php echo urlencode(strip_tags($seoOgDescription));?>" target="_blank" title="<?php echo __( 'Partager sur Twitter', 'clrz_lang' ); ?>"> <svg class="icon"> <use xlink:href="#icon-twitter"></use> </svg> </a> </li> </ul> </div> </div> </div> <?php endwhile; endif; ?> </div> </div> <?php $tabsList .= '</ul></div>'; echo $tabsList; ?> <!-- PRODUITS RELATIFS A L'ONGLET --> <?php if ( have_rows('mb_hairstyle_tabs_repeater') ) : $i = 0; $j = 0; while ( have_rows('mb_hairstyle_tabs_repeater') ) : the_row(); $i++; if (have_rows('mb_tab_products')) : while ( have_rows('mb_tab_products') ) : the_row(); ?> <?php // $hairstyleTitle = get_sub_field('mb_hairstyle_title'); // $hairstyleText = get_sub_field('mb_hairstyle_text'); // $hairstyleImg = get_sub_field('mb_hairstyle_illustration'); // var_dump(get_field('mb_collection_strates_3_mb_hairstyle_tabs_repeater_0_mb_tab_products_0_mb_hairstyle_title')); // $productTitle = get_sub_field('mb_product_title'); // $productText = get_sub_field('mb_product_text'); // $productImg = get_sub_field('mb_product_illustration'); // $productBtnLabel = get_sub_field('mb_product_button_label'); // $productExternalBtn = get_sub_field('mb_product_external_link'); $hairstyleTitle = get_field('mb_collection_strates_3_mb_hairstyle_tabs_repeater_0_mb_tab_products_'.$j.'_mb_hairstyle_title'); $hairstyleText = get_field('mb_collection_strates_3_mb_hairstyle_tabs_repeater_0_mb_tab_products_'.$j.'_mb_hairstyle_text'); $hairstyleImg = get_field('mb_collection_strates_3_mb_hairstyle_tabs_repeater_0_mb_tab_products_'.$j.'_mb_hairstyle_illustration'); $productTitle = get_field('mb_collection_strates_3_mb_hairstyle_tabs_repeater_0_mb_tab_products_'.$j.'_mb_product_title'); $productText = get_field('mb_collection_strates_3_mb_hairstyle_tabs_repeater_0_mb_tab_products_'.$j.'_mb_product_text'); $productImg = get_field('mb_collection_strates_3_mb_hairstyle_tabs_repeater_0_mb_tab_products_'.$j.'_mb_product_illustration'); $productBtnLabel = get_field('mb_collection_strates_3_mb_hairstyle_tabs_repeater_0_mb_tab_products_'.$j.'_mb_product_button_label'); $productExternalBtn = get_field('mb_collection_strates_3_mb_hairstyle_tabs_repeater_0_mb_tab_products_'.$j.'_mb_product_external_link'); $productImgSize = 'full'; $position = get_sub_field('mb_hairstyle_product_position'); $j++; if ( $productExternalBtn ) : $link = get_sub_field('mb_product_button_target_url'); else: $link = get_sub_field('mb_product_internal_target'); endif; if ($position == 'left') : $class = ''; $content = 'col-xs-12 col-xs-offset-2'; $positionClass = 'strate-collection-product--left'; else: $class = 'pull-right'; $content = ''; $positionClass = 'strate-collection-product--right'; endif; if ($i == 1) : $positionClass .= ' active'; endif; ?> <div class="col-xs-16 strate-collection-product <?php echo $positionClass; ?> js-tab-content" data-id="<?php echo $i?>"> <div class="row"> <div class="col-xs-14 col-xs-offset-right-2 bg-black collection-product__hairstyle <?php echo $class; ?>"> <div class="row"> <div class="content <?php echo $content; ?> margin-top-xl"> <div class="title-sub margin-bottom-sm"> <span class="h2 white smooth-font"><?php echo $hairstyleTitle ?></span> </div> <p class="smooth-font white"><?php echo $hairstyleText;?></p> </div> <img />" alt=""> <ul class="socials <?php echo $content; ?> margin-bottom-md"> <li class="button"> <a>" target="_blank" title="<?php echo __( 'Partager sur Facebook', 'clrz_lang' ); ?>"> <svg class="icon"> <use xlink:href="#icon-facebook"></use> </svg> </a> </li> <li class="button"> <a>&media=<?php echo urlencode(clrz_get_image_url($productImg, $productImgSize)); ?>&description=<?php echo $productTitle;?>" target="_blank" title="<?php echo __( 'Partager sur Pinterest', 'clrz_lang' ); ?>"> <svg class="icon"> <use xlink:href="#icon-pinterest"></use> </svg> </a> </li> <li class="button"> <a>&text=<?php echo $productTitle;?>" target="_blank" title="<?php echo __( 'Partager sur Twitter', 'clrz_lang' ); ?>"> <svg class="icon"> <use xlink:href="#icon-twitter"></use> </svg> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xs-offset-2 collection-product__product"> <?php if($productTitle == ""):?> <?php /* nothing to do */ ?> <?php else: ?> <span class="h2 text-uppercase margin-bottom-lg"><?php echo $productTitle; ?></span> <?php endif;?> <div class="text-center"> <div class="margin-bottom-md h-auto row"> <img />" alt=""> </div> <p class="margin-bottom-md wysiwyg"><?php echo $productText?></p> <?php if($productBtnLabel == ""):?> <?php /* nothing to do */ ?> <?php else: ?> <a>" class="text-uppercase button button--black" title="<?php echo $productBtnLabel;?>"><?php echo $productBtnLabel;?></a> <?php endif; ?> </div> </div> </div> </div> <?php endwhile; endif; endwhile; endif; ?> </div> </div> </div>When I modify the value of one of it’s field, and after modifying the page I still find the old value, also when create a new field and I try to fill it it always remains empty.
-
In reply to Display only field with a content + add code inside a field
- July 10, 2020 at 10:11 pm
You cannot add php code inside of the WP editor, you must alter the templates. WYSIWYG editors are not meant for coding PHP.
-
In reply to Set WYSIWYG Height
- July 3, 2020 at 9:22 am
+1 on just settling on a method and adding to to ACF core.
Just a “number of rows” for the textarea in the wysiwyg settings would be nice – we already have a toggle for media buttons, different toolbars, a “number of rows” would be perfectly natural there.
-
In reply to Acf is adding line breaks an paragraphs in Shortcode output code
- June 29, 2020 at 12:03 am
I just did a quick test of a shortcode in both classic editor and an acf WYSIWYG editor. This shortcode simply outputs simple text. The output is the same in both cases with no added whites space elements added to the text.
Exactly what/how are you adding with the shortcode?
-
In reply to Avoiding admin editors tags strip
- June 15, 2020 at 7:28 pm
Eliot,
thanks about
acf_the_content!About TinyMCE: fixed after I’ve added as admin script:
acf.add_filter(‘wysiwyg_tinymce_settings’, function( mceInit, id, field ){
// is true before
mceInit[‘wpautop’] = false;return mceInit;
});Thanks!
-
In reply to Avoiding admin editors tags strip
- June 15, 2020 at 9:54 am
Hi @kuraga
Thanks for the email,
Elliot here – ACF dev.The PHP filters “the_content”, “the_excerpt” and “term_decription” are run during the output of these values in the theme front-end. They are PHP filters, which won’t affect the WYSIWG field.
The WYSIWYG field uses a similar, but unique filter, named “acf_the_content”. Using this filter will allow you to customize the WYSIWYG output in your theme.
The “tiny_mce_before_init” filter is used to cusotmize the tinymce settings. These will affect how the editor saves the value into the DB. In theory, ACF should inherit these settings, but to be extra sure, please checkout the ACF JS filter: https://www.advancedcustomfields.com/resources/javascript-api/#filters-wysiwyg_tinymce_settings
Hope this helps.
Cheers
Elliot -
In reply to Update a tinymce textarea via javascript
- May 7, 2020 at 8:11 am
@paul_crookell – sort of! What seemed to work for me was to set the value using the ACF JS field API, and then use jQuery to “click” the code view tab. And then the text I was inserting would appear.
That was good enough for this project so I didn’t dig further – whenever I tried programmatically selecting the wysiwyg view, the value would go blank again.
My solution, in essence:
var description = “This text should appear in the TinyMCE textarea!”;
acf.getField(“field_5d5231b7e8738”).val(description);
jQuery(“div.acf-field-5d5231b7e8738 button.switch-html”).click();
Would love to know a more elegant way!Ignore all that, I sorted it – updating in one second, hold tight.
-
In reply to Update a tinymce textarea via javascript
- May 7, 2020 at 1:20 am
@etling – did you ever resolve this issue? – i’ve been searching and unable to find a working example. All other fields update on the page apart from wysiwyg fields?
Cheers
Paul -
In reply to Avoiding admin editors tags strip
- May 6, 2020 at 5:33 pm
For stopping removing
<p>tags inside WordPress TinyMCE (classic) editor (during switch Visual and Text editor’s tabs),I add to
${THEME_FOLDER}/functions.php:remove_filter( ‘the_content’, ‘wpautop’ );
remove_filter( ‘the_excerpt’, ‘wpautop’ );
remove_filter( ‘term_decription’, ‘wpautop’ );function config_tinymce( $config ) {
$config[‘wpautop’] = false;
return $config;
}
add_filter( ‘tiny_mce_before_init’, ‘config_tinymce’, 10 );But this doesn’t work for ACF’s fields editors.
Help, please? Thanks!
———————
Spoiler:
function acf_wysiwyg_remove_wpautop() {
remove_filter( ‘acf_the_content’, ‘wpautop’ );
}
add_action( ‘acf/init’, ‘acf_wysiwyg_remove_wpautop’);with
remove_filter( ‘acf_the_content’, ‘wpautop’ );
don’t work.
I think, we need something like (analogue of)
function config_tinymce( $config ) {
$config[‘wpautop’] = false;
return $config;
}
add_filter( ‘tiny_mce_before_init’, ‘config_tinymce’, 10 ); -
In reply to Get first image from a WYSIWYG field
- May 2, 2020 at 5:22 pm
If you need it in the same loop when you go through the repeater then you could try this:
preg_match('/<img.+src=[\'"](?P<src>.+?)[\'"].*>/i', $texthtml, $image); echo $image['src'];Where of course the $texthtml is your WYSIWYG field.
-
In reply to Get first image from a WYSIWYG field
- May 2, 2020 at 5:22 pm
If you need it in the same loop when you go through the repeater then you could try this:
preg_match('/<img.+src=[\'"](?P<src>.+?)[\'"].*>/i', $texthtml, $image); echo $image['src'];Where of course the $texthtml is your WYSIWYG field.
-
In reply to Set WYSIWYG Height
- March 24, 2020 at 8:26 am
https://wordpress.org/plugins/acf-autosize
It seems to create intermittent issues. Sometimes my WYSIWYG fields are 4x the viewport height. It’s on a good track, but I would be in favor of something in core.
-
In reply to How to wrap each line in WYSIWYG editor in span when saving?
- March 21, 2020 at 5:07 am
Isn’t each line in the WYSIWYG already wrapped in a
<p>tag? Could you accomplish what you’re trying to do by targeting/styling the<p>tags instead of wrapping them in a<span>? What is your reason for wrapping in a<span>? -
In reply to Do you think this front-end posting app is too query-intensive?
- March 19, 2020 at 7:27 pm
Thanks! 🙂
#of queries for updating
Each repeater field has a radio selector and 5 text field (not wysiwyg)
There’s also no way for a user to add images or select images and I’m not querying images array and such.
I didn’t know that there would have been another query required to check if the value can be written – this worries me a bit.What do you think should be the upper limit for the repeater field?
I imaging that (properly optimized) custom-coding a web app (not wordpress-dependent) would be more efficient and stable but how much?
Regarding the last point, I’m just showing each and every field value on the single post but it’s all basically just text
-
In reply to Do you think this front-end posting app is too query-intensive?
- March 19, 2020 at 2:06 am
– #of queries for updating. I’m just giving you this for information. You actually have 6 fields including the repeater and 6 sub fields in the repeater. There are also this number of ACF field references. When inserting a new post this actually creates 2X this number of queries because WP does a query to see if the meta_key exists or has a value before it inserts the value. So what you actually have is (6*2)+(6*30*2)=372 postmeta queries.
I would definitely put an upper limit on the number of repeaters they can submit. Depending what these fields are 6 sub fields * 30 could time out on the submission. Text fields and other simple fields should not be an issue, but if you have 6 wysiwyg fields you might have an issue with only a single post being submitted depending on the amount of content being submitted.
– number of people hitting submit at the same time. I think that 1000 or more people all submitting a post at the same time would bring nearly any site on shared hosting down. I use VPS servers for some of our clients and I’d be worried about these going down. I’m sure we could beef these up to handle it if we needed to but then I’m not sure the clients would actually go for the additional costs. As far as shared hosting goes, depending on the data submitted, you’re going to see the server go down if this happens. You need to figure out what the likelihood of this happening is.
– post viewing, this should not be an issue. WP does a setup_postdata() when showing a post. This pulls all post meta data in a single query and puts it in the WP cache.
What you need to be careful of here is not the field content, but what you’re having ACF do with that field content. I will give you one example, image fields. When you return the image ID this will not create extra queries, however, returning an image array will create many additional queries to get all of the data associated with the attachments, some of which you may not need. If you have a lot of images you’re better of returning the ID and then only having WP get what you need instead of letting ACF do the work for you. The same can be said for post object and relationship type fields.
-
In reply to HTML tags showing in WYSIWYG fields
- March 16, 2020 at 11:38 pm
I discovered that I need to check the field entitled “Enable Raw HTML”. It seems counter-intuitive, because what I want is no HTML!
It worked and now I can display WYSIWYG fields. 🙂
Screenshot-2....png
-
In reply to HTML tags showing in WYSIWYG fields
- March 12, 2020 at 9:31 pm
I am trying to:
output the contents of a custom types field via a content template that has ‘auto-paragraphs’ enabled. Strangely other content templates seem to work fine, but the one called ‘Left Hand Content’ does not after updating. Additionally, one of the visual editors WYSIWYG output is also just dumping raw text into the window with no ‘p’ tags…WordPress Version 4.2
Types Version 1.6.6.3 -
In reply to Add Gutenberg field type
- February 29, 2020 at 9:03 am
A rich text field (as seen in the lazy blocks plugin) would be a great addition.
I would love the ability to add such fields instead of the MCE-WYSIWYG field… -
In reply to Foreach: data-type = 'group'
- February 19, 2020 at 8:39 am
The value of the field will always be in
$field['value'], what format that value is in depends on the type of field it is and what the return format is set to if that is an option available for the field.For example, and image field can return an ID, a URL or an array of information and this is what you’ll find in
$field['value']I’m not sure what you mean by
data-type = ‘group’.wysiwygis not an index of$fieldAre you sure you want to be using
get_field_objects()? https://www.advancedcustomfields.com/resources/get_field_objects/ -
In reply to How to display Field Names alongside Field Labels
- February 10, 2020 at 6:28 pm
hello @lefthookdigital
i read above thread, i have solution to display fileds along with “_name” and copy it by one clickdemo >> http://prntscr.com/r00zwx
in functions.php add below code
/* |-------------------------------------------------------------------------- | acf admin slug | https://www.advancedcustomfields.com/resources/acf-render_field/ | https://www.coderomeos.org/select-and-copy-data-to-clipboard-using-jquery |-------------------------------------------------------------------------- */ add_action('acf/input/admin_footer', 'my_acf_input_admin_footer'); function my_acf_input_admin_footer() { if ( get_post_type() != 'acf-field-group' ) { ?> <script type="text/javascript"> jQuery(function($) { $('#wpwrap').each(function(index) { $(this).on('click','.copy-to-clipboard input', function() { $(this).focus(); $(this).select(); document.execCommand('copy'); //$(".copied").text("Copied to clipboard").show().fadeOut(1200); }); }); }); </script> <?php } } // Basic add_action('acf/prepare_field/type=text', 'show_field_details', 1); add_action('acf/prepare_field/type=textarea', 'show_field_details', 1); add_action('acf/prepare_field/type=number', 'show_field_details', 1); add_action('acf/prepare_field/type=range', 'show_field_details', 1); add_action('acf/prepare_field/type=email', 'show_field_details', 1); add_action('acf/prepare_field/type=url', 'show_field_details', 1); add_action('acf/prepare_field/type=password', 'show_field_details', 1); // Content add_action('acf/prepare_field/type=image', 'show_field_details', 1); add_action('acf/prepare_field/type=file', 'show_field_details', 1); add_action('acf/prepare_field/type=wysiwyg', 'show_field_details', 1); add_action('acf/prepare_field/type=oembed', 'show_field_details', 1); add_action('acf/prepare_field/type=gallery', 'show_field_details', 1); // Choice add_action('acf/prepare_field/type=select', 'show_field_details', 1); add_action('acf/prepare_field/type=checkbox', 'show_field_details', 1); add_action('acf/prepare_field/type=radio', 'show_field_details', 1); add_action('acf/prepare_field/type=button_group', 'show_field_details', 1); add_action('acf/prepare_field/type=true_false', 'show_field_details', 1); // Relational add_action('acf/prepare_field/type=link', 'show_field_details', 1); add_action('acf/prepare_field/type=post_object', 'show_field_details', 1); add_action('acf/prepare_field/type=page_link', 'show_field_details', 1); add_action('acf/prepare_field/type=relationship', 'show_field_details', 1); add_action('acf/prepare_field/type=taxonomy', 'show_field_details', 1); add_action('acf/prepare_field/type=user', 'show_field_details', 1); // jQuery add_action('acf/prepare_field/type=google_map', 'show_field_details', 1); add_action('acf/prepare_field/type=date_picker', 'show_field_details', 1); add_action('acf/prepare_field/type=date_time_picker', 'show_field_details', 1); add_action('acf/prepare_field/type=time_picker', 'show_field_details', 1); add_action('acf/prepare_field/type=color_picker', 'show_field_details', 1); // Layout //add_action('acf/prepare_field/type=message', 'show_field_details', 1); add_action('acf/prepare_field/type=accordion', 'show_field_details', 1); //add_action('acf/prepare_field/type=tab', 'show_field_details', 1); add_action('acf/prepare_field/type=group', 'show_field_details', 1); add_action('acf/prepare_field/type=repeater', 'show_field_details', 1); add_action('acf/prepare_field/type=flexible_content', 'show_field_details', 1); add_action('acf/prepare_field/type=clone', 'show_field_details', 1); function show_field_details($field) { $field['label'] .= '<div class="description copy-to-clipboard" style="margin-bottom: 10px; margin-top: 10px;"> <input readonly="readonly" type="text" value="'.trim($field['_name']).'" style="color: #0c5460;"> </div>'; return $field; } add_action('acf/field_group/admin_footer', 'my_acf_field_group_admin_footer'); function my_acf_field_group_admin_footer() { ?> <script type="text/javascript"> (function( $ ){ $('.description.copy-to-clipboard').remove(); })(jQuery); </script> <?php } -
In reply to TinyMCE Filter inside Gutenberg block stops field from saving
- February 3, 2020 at 4:16 pm
The problem is that the custom “setup” function is overriding the ACF one, which prevents ACF from listening to the “change” event of the TinyMCE instance.
Without this listener, the ACF Block won’t be able to detect a “change”, which prevents it from saving/updating.
The solution is to create a backup of the original setup function and call that within the custom one. Like so:
function custom_acf_tinymce() { ?> <script> acf.add_filter('wysiwyg_tinymce_settings', function(mceInit, id, $field) { var _setup = mceInit.setup; mceInit.setup = function(editor) { _setup.apply(this, arguments); editor.on('click', function(e) { console.log('Editor was clicked'); }); }; return mceInit; }); </script> <?php } add_action('acf/input/admin_footer', 'custom_acf_tinymce'); -
In reply to Flexible Content WYSIWYG Toolbar Issue
- January 10, 2020 at 5:10 am
If you are not seeing the Visual/Text tabs on the right, to get this I need to select “Text Only” under the Tabs setting for the WYSIWYG. What you’re seeing is what I see if I click on the “Text” tab. Otherwise, it seems to be working as expected for me.
-
In reply to Flexible Content WYSIWYG Toolbar Issue
- January 9, 2020 at 11:54 pm
We have the same problem. When specifying tabs, full toolbars, media buttons. It resets after saving to use: Only visual tab, basic toolbar and no media buttons.
We’re using a repeater with flexible content. The wysiwyg field is inside one of the flexible fields.
-
In reply to ACF & HTML Editor Syntax Highlighter
- January 4, 2020 at 12:41 pm
I had to hack my own solution to get the syntax highlighting to show up for the wysiwyg editor. It would be nice if it was built in. Simply insert this code in your functions.php file to get code mirrors’ syntax highlighting:
/* ADD CODE MIRROR CSS */
function admin_style() {
wp_enqueue_style(‘admin-styles’, ‘https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/codemirror.css’);
}
add_action(‘admin_enqueue_scripts’, ‘admin_style’);/* ENQEUE CODE MIRROR JS */
function my_enqueue() {
wp_enqueue_script(‘code_mirror_script1’, ‘https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/codemirror.js’);
wp_enqueue_script(‘code_mirror_script2’, ‘https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/mode/xml/xml.js’);
}
add_action(‘admin_enqueue_scripts’, ‘my_enqueue’);/* ADD CODE MIRROR ADDITIONAL STYLES */
add_action(‘admin_head’, ‘custom_css’);
function custom_css() {
echo ‘
<style>
.tmce-active .mce-tinymce{display:block !important;visibility:visible !important;}
.html-active .mce-tinymce{display:none !important;visibility:hidden !important;}
.tmce-active .CodeMirror{display:none;}
</style>
<script>
jQuery(document).ready(function($){
function rundCodeMirror(){
var areas = document.getElementsByClassName(“wp-editor-area”);
for(var i = 0; i < areas.length; i++) {
CodeMirror.fromTextArea(areas.item(i), {
mode : “xml”,
htmlMode: true,
lineNumbers: true
});
}
}
setTimeout(rundCodeMirror, 1000);
});
</script>
‘;
}
Welcome
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Forums
Helping Others
Helping others is a great way to earn karma, gain badges and help ACF development!
