npm
/
react-native-zss-rich-text-editor
Watch 10
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 3 Wiki Activity
No Description
77 Commits
6 Branches
Tree: 5cef066328
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '5cef066328'
${ noResults }
react-native-zss-rich-text-.../src/WebviewMessageHandler.js

WebviewMessageHandler.js 5.2KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 
  1. import {actions, messages} from './const';

  2. 

  3. export const InjectedMessageHandler = `

  4.   if (WebViewBridge) {

  5.     WebViewBridge.onMessage = function (message) {

  6. 

  7.       const action = JSON.parse(message);

  8. 

  9.       switch(action.type) {

  10.         case '${actions.setTitleHtml}':

  11.           zss_editor.setTitleHTML(action.data);

  12.           break;

  13.         case '${actions.setContentHtml}':

  14.           zss_editor.setContentHTML(action.data);

  15.           break;

  16.         case '${actions.blurTitleEditor}':

  17.           zss_editor.blurTitleEditor();

  18.           break;

  19.         case '${actions.blurContentEditor}':

  20.           zss_editor.blurContentEditor();

  21.           break;

  22.         case '${actions.setBold}':

  23.           zss_editor.setBold();

  24.           break;

  25.         case '${actions.setItalic}':

  26.           zss_editor.setItalic();

  27.           break;

  28.         case '${actions.setUnderline}':

  29.           zss_editor.setUnderline();

  30.           break;

  31.         case '${actions.heading1}':

  32.           zss_editor.setHeading('h1');

  33.           break;

  34.         case '${actions.heading2}':

  35.           zss_editor.setHeading('h2');

  36.           break;

  37.         case '${actions.heading3}':

  38.           zss_editor.setHeading('h3');

  39.           break;

  40.         case '${actions.heading4}':

  41.           zss_editor.setHeading('h4');

  42.           break;

  43.         case '${actions.heading5}':

  44.           zss_editor.setHeading('h5');

  45.           break;

  46.         case '${actions.heading6}':

  47.           zss_editor.setHeading('h6');

  48.           break;

  49.         case '${actions.setParagraph}':

  50.           zss_editor.setParagraph();

  51.           break;

  52.         case '${actions.removeFormat}':

  53.           zss_editor.removeFormating();

  54.           break;

  55.         case '${actions.alignLeft}':

  56.           zss_editor.setJustifyLeft();

  57.           break;

  58.         case '${actions.alignCenter}':

  59.           zss_editor.setJustifyCenter();

  60.           break;

  61.         case '${actions.alignRight}':

  62.           zss_editor.setJustifyRight();

  63.           break;

  64.         case '${actions.alignFull}':

  65.           zss_editor.setJustifyFull();

  66.           break;

  67.         case '${actions.insertBulletsList}':

  68.           zss_editor.setUnorderedList();

  69.           break;

  70.         case '${actions.insertOrderedList}':

  71.           zss_editor.setOrderedList();

  72.           break;

  73.         case '${actions.insertLink}':

  74.           zss_editor.insertLink(action.data.url, action.data.title);

  75.           break;

  76.         case '${actions.updateLink}':

  77.           zss_editor.updateLink(action.data.url, action.data.title);

  78.           break;

  79.         case '${actions.insertImage}':

  80.           zss_editor.insertImage(action.data);

  81.           break;

  82.         case '${actions.setSubscript}':

  83.           zss_editor.setSubscript();

  84.           break;

  85.         case '${actions.setSuperscript}':

  86.           zss_editor.setSuperscript();

  87.           break;

  88.         case '${actions.setStrikethrough}':

  89.           zss_editor.setStrikeThrough();

  90.           break;

  91.         case '${actions.setHR}':

  92.           zss_editor.setHorizontalRule();

  93.           break;

  94.         case '${actions.setIndent}':

  95.           zss_editor.setIndent();

  96.           break;

  97.         case '${actions.setOutdent}':

  98.           zss_editor.setOutdent();

  99.           break;

  100.         case '${actions.setTitlePlaceholder}':

  101.           zss_editor.setTitlePlaceholder(action.data);

  102.           break;

  103.         case '${actions.setContentPlaceholder}':

  104.           zss_editor.setContentPlaceholder(action.data);

  105.           break;

  106.         case '${actions.getTitleHtml}':

  107.           var html = zss_editor.getTitleHTML();

  108.           WebViewBridge.send(JSON.stringify({type: '${messages.TITLE_HTML_RESPONSE}', data: html}));

  109.           break;

  110.         case '${actions.getTitleText}':

  111.           var html = zss_editor.getTitleText();

  112.           WebViewBridge.send(JSON.stringify({type: '${messages.TITLE_TEXT_RESPONSE}', data: html}));

  113.           break;

  114.         case '${actions.getContentHtml}':

  115.           var html = zss_editor.getContentHTML();

  116.           WebViewBridge.send(JSON.stringify({type: '${messages.CONTENT_HTML_RESPONSE}', data: html}));

  117.           break;

  118.         case '${actions.setTitleFocusHandler}':

  119.           zss_editor.setTitleFocusHandler();

  120.           break;

  121.         case '${actions.setContentFocusHandler}':

  122.           zss_editor.setContentFocusHandler();

  123.           break;

  124.         case '${actions.getSelectedText}':

  125.           var selectedText = getSelection().toString();

  126.           WebViewBridge.send(JSON.stringify({type: '${messages.SELECTED_TEXT_RESPONSE}', data: selectedText}));

  127.           break;

  128.         case '${actions.focusContent}':

  129.           zss_editor.focusContent();

  130.           break;

  131.         case '${actions.focusTitle}':

  132.           zss_editor.focusTitle();

  133.           break;

  134.         case '${actions.prepareInsert}':

  135.           zss_editor.prepareInsert();

  136.           break;

  137.         case '${actions.restoreSelection}':

  138.           zss_editor.restorerange();

  139.           break;

  140.         case '${actions.setCustomCSS}':

  141.           zss_editor.setCustomCSS(action.data);

  142.           break;

  143.         case '${actions.setTextColor}':

  144.           zss_editor.setTextColor(action.data);

  145.           break;

  146.         case '${actions.setBackgroundColor}':

  147.           zss_editor.setBackgroundColor(action.data);

  148.           break;

  149.         case '${actions.init}':

  150.           zss_editor.init();

  151.           break;

  152.       }

  153.     };

  154.   }

  155. `;