Resumo de IA
Introdução
Você gostaria de desativar o editor WYSIWYG que aparece nas configurações de Confirmação? Por padrão, quando você está dentro do construtor de formulários, verá o editor WYSIWYG padrão que o WordPress usa. Mas se você quisesse desativar este campo, pode fazer isso facilmente adicionando algumas linhas de PHP. Neste tutorial, vamos guiá-lo através das etapas sobre como desativar este editor.
O que é um editor WYSIWYG, afinal? Isso é o que é tipicamente referido como um Editor Visual ou campo de texto rico. Quando você acessa a guia de configurações de Confirmação no construtor de formulários, normalmente verá duas guias. Uma é para o editor de texto Visual (WYSIWYG) e a outra é uma guia de Texto simples.
O editor de Texto simples é geralmente usado com mais frequência por usuários que se sentem confortáveis escrevendo HTML.
Adicionando o trecho para desativar o editor WYSIWYG
Antes de criarmos o formulário, vamos primeiro adicionar o trecho que desativará este editor. Para fazer isso, basta copiar e colar este trecho em seu site.
Se precisar de ajuda para adicionar snippets ao seu site, consulte este tutorial.
/**
Disable the WYSIWYG editor in the Confirmation settings.
@link https://wpforms.com/developers/how-to-disable-the-wysiwyg-editor-inside-the-confirmation-settings/
*/
function wpf_dev_builder_enqueues( $view ) {
wp_add_inline_script(
'wpforms-builder',
'(function( $ ) {
// Prevent crash: module reads tinymceDefaults.tinymce.toolbar1 before
// calling wp.editor.initialize — needs a valid object, not false.
// This runs synchronously so WPFormsBuilder is guaranteed to exist.
if ( typeof WPFormsBuilder !== "undefined" && WPFormsBuilder.settings ) {
WPFormsBuilder.settings.tinymceDefaults.tinymce = { toolbar1: "" };
}
$( document ).ready( function() {
// Layer 1: wp.editor.initialize intercept.
// Prevents tmce-active class + TinyMCE init flow for confirmation editors.
if ( typeof wp !== "undefined" && wp.editor && wp.editor.initialize && ! wp.editor.initialize.wpfPatched ) {
var wpInit = wp.editor.initialize;
wp.editor.initialize = function( id, settings ) {
if ( typeof id === "string" && /^wpforms[-]panel[-]field[_-]confirmations/.test( id ) ) {
settings = Object.assign( {}, settings, { tinymce: false } );
}
return _wpInit.call( this, id, settings );
};
wp.editor.initialize.wpfPatched = true;
}
// Layer 2: tinymce.init intercept.
// Belt-and-suspenders — catches TinyMCE even if wp.editor.initialize
// is called from a path our Layer 1 missed.
if ( typeof tinymce !== "undefined" && ! tinymce.init.wpfPatched ) {
var mceInit = tinymce.init;
tinymce.init = function( settings ) {
if ( settings && settings.selector && /wpforms[-]panel[-]field[-]confirmations/.test( settings.selector ) ) {
return;
}
return _mceInit.apply( this, arguments );
};
tinymce.init._wpfPatched = true;
}
// Layer 3: event fallback — re-init any editor that slipped through.
$( "#wpforms-builder" ).on( "wpformsBuilderConfirmationsReady", function() {
if ( typeof wp === "undefined" || ! wp.editor ) return;
$( ".wpforms-panel-field-confirmations-message" ).each( function() {
var id = $( this ).attr( "id" );
if ( ! id ) return;
wp.editor.remove( id );
wp.editor.initialize( id, { tinymce: false, quicktags: true } );
} );
} );
} );
} )( jQuery );'
);
}
add_action( 'wpforms_builder_enqueues', 'wpf_dev_builder_enqueues', 10, 1 );
Isso desativará completamente o editor Visual (o editor WYSIWYG) e você verá apenas o editor Texto.
Você gostaria também de desativar a rolagem automática quando há erros no formulário? Confira nosso artigo sobre Como Desativar o Efeito de Rolagem em Erros de Validação de Campo.