○ Open: Forceclass false no funciona

Hola artf, gracias de nuevo por tus respuestas desde que empecé mi proyecto y gracias de nuevo por este precioso proyecto,

Te dije que quería detener la clase de creación automática que elimina mi CSS en línea, y tú dijiste: para forzar clase, ponlo en false, cuando pongo forceclass en false, esto no funciona, ¿es normal? ¿O tengo que hacer otra cosa?

Este es mi código de índice :

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">

<title>TheKooples - Boletín - BUILDER</title>

<link rel="stylesheet" href="css/pagebuilder.css">
  <link rel="stylesheet" href="css/tools.css">
  <link rel="stylesheet" href="css/gjs-koop-preset-webpage.css">
  <link rel="stylesheet" href="css/gjs-koop-scroll.css">
  <link rel="icon" href="http://cdn.thekooples.com/skin/frontend/base/default/favicon.ico" type="image/x-icon">
  <link rel="icono de acceso directo" href="http://cdn.thekooples.com/skin/frontend/base/default/favicon.ico" type="imagen/x-icon">
  <script src="dist/sweetalert.min.js"></script>
  <link rel="stylesheet" type="text/css" href="dist/sweetalert.css">

<link rel="stylesheet" href="css/tooltip.css">
  <script src="./node_modules/jquery/dist/jquery.min.js"></script>
  <script src="./node_modules/grapesjs/dist/grapes.min.js"></script>
  <script src="./dist/grapesjs-preset-newsletter.min.js"></script>

</head>
<style>
  cuerpo > .inner {
  pantalla: ninguna;
}

body.pg-loaded > .inner {
  pantalla: bloqueo;
}
  cuerpo,
  html {
    altura: 100%;
    marje: 0;
  }

</style>

<body>

<div id="gjs" style="height:0px; overflow:hidden">
    
</div>

<style>
  .hide { position:absolute; top:-1px; left:-1px; width:1px; height:1px; }
</style>

<nombre del iframe="hiddenFrame" clase="hide"></iframe>

<form onsubmit="return builderForm();" id="builder-form" clase="builder-form" acción="" style="display:none" target="hiddenFrame">

<div class="putsmail-c">
      <p style="font-weight: bold;margin-top: 10px;margin-bottom:10px;text-transform: mayúsculas;text-align: center;font-size: 10px;">
        Remplir tout les champs pour procéder à une traduction de la newsletter !</p>
    </div>
    <div class="gjs-sm-property" style="margin-bottom: 5px;">
      <p style="margin-bottom:0px; relleno: 4px;margin-top: 2px;color: #00acff;font-weight: negrita;">Nom de la newsletter :</p>

<div class="gjs-field">
        <span id="gjs-sm-input-holder">
            <tipo de entrada="texto" id="nl_name" nombre="nl_name" marcador de posición="NL-001-FR-M-Nombre-categoría" requerido>
          </span>
      </div>
    </div>

<div class="gjs-sm-property" style="margin-bottom: 5px;">
      <p style="margin-bottom:0px; relleno: 4px;margin-top: 2px;color: #00acff;font-weight: bold;">Nom du sheets :</p>

<div class="gjs-field">
        <span id="gjs-sm-input-holder">
            <tipo de entrada="texto" id="nl_sheets" nombre="nl_sheets" marcador de posición="Hojas 1" requeridas>
          </span>
      </div>
    </div>
    <div class="gjs-sm-property" style="margin-bottom: 5px;">
      <p style="margin-bottom:0px; relleno: 4px;margin-top: 2px;color: #00acff;font-weight: bold;">Nom de l'utm-compaign :</p>

<div class="gjs-field">
        <span id="gjs-sm-input-holder">
            <input type="text" id="nl_utm" name="nl_utm" placeholder="sale-collection-mixte-fr" requerido>
          </span>
      </div>
    </div>
    <div class="gjs-sm-property">
      <p style="margin-bottom:0px; relleno: 4px;margin-top: 2px;color: #00acff;font-weight: bold;">Pays de la newsletter:</p>

<div class="gjs-field">

<span id="gjs-sm-input-holder">
<select id="nl_lang">
  <valor de opción="francés">Francia</option>
  <valor de opción="europa">Europa</option>
  <valor de opción="alemán">Allemagne</option>
  <valor de opción="inglaterra">Reino Unido</option>
  <valor de opción="américa">Estados Unidos</option>
  <valor de la opción="suisse-fr">Suiza - Francia</option>
  <valor de opción="suisse-de">Suisse - Allemagne</option>
  <valor de opción="luxemburgo">luxemburgo</option>
</select>        
  </span>
      </div>
    </div>
    <input type="hidden" name="body">
    <button class="gjs-btn-prim gjs-btn-import" style="width: 100%;margin-top: 0px;">ENREGISTRER</button>
  </form>

<script type="text/javascript">
    var editor = grapesjs.init({
      permitenScripts: 1,
      Offsets: 1,
       forceClass: false,
      avisoOnUnload: 0,
      Altura: '100%',
      storageManager: {
        id: 'GJS-',
        Tipo: 'Local',
        guardado automático: falso,
        autoload: false,
        storeComponents: 1,
        storeStyles: 1,
      },
      assetManager: {
        Upload: 'https://test.page'
      },
      protegidoCss: '',
      Contenedor: '#gjs',
      fromElement: cierto,
      Plugins: ['GJS-preset-newsletter'],
      pluginsOpts: {
        'gjs-preset-newsletter': {
          modalLabelImport: "Copiez ici votre code pré-fait à fin de l'importer",
          modalLabelExport: 'Rendu du code de la Newsletter',
          importPlaceholder: '<table class="table"><tr><td class="cell">Importez votre code ici.</td></tr></table>',
        }
      }
    });

function builderForm()
    {
      editor.nl_name = document.getElementById("nl_name").value;
      editor.nl_sheets = document.getElementById("nl_sheets").value;
      editor.nl_utm = document.getElementById("nl_utm").value;
      editor.nl_lang = document.getElementById("nl_lang").value;
      editor.trigger('builder_form');
    }

</script>
</body>

</html>

Forceclass false no funciona

Pregunta

Respuestas (0)

Preguntas y respuestas relacionadas

[Descendencia] Grapesjs no funciona cuando se usa con dispositivos móviles (iphone, ipad)

[PREGUNTAS] ¿El nuevo tipo de rasgo no funciona con los componentes renderizados?

Entidades de strips   grapesjs (mayormente insertadas por CKEditor)

Cambiar el fondo del cuerpo

Plugins de pago que cumplen con este problema

Tutoriales relacionados

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Explorar categorías de plugins