react-native-cn-quill/lib/src/constants/editor/create_quill.js

react-native quill richtext editor

export const create_quill = ({ id, toolbar, clipboard, keyboard, placeholder, theme, customFonts = [], customJS, readonly = false, }) => {
    let font = '';
    if (customFonts.length > 0) {
        const fontList = "'" + customFonts.join("','") + "'";
        font = `
    // Add fonts to whitelist
    var Font = Quill.import('formats/font');
    Font.whitelist = [${fontList}];
    Quill.register(Font, true);

    `;
    }
    let modules = `toolbar: ${toolbar},`;
    if (clipboard) {
        modules += `clipboard: ${clipboard},`;
    }
    if (keyboard) {
        modules += `keyboard: ${keyboard},`;
    }
    return `
  <script>
  
  ${font}
  ${customJS}
  var quill = new Quill('#${id}', {
    modules: { ${modules} },
    placeholder: '${placeholder}',
    theme: '${theme}',
    readOnly: ${readonly},
  });
  </script>
  `;
};