Brandon Donnelson branflake2267

Simple Froala Webpack Project Example

This covers the basic directions to get up and running with webpack.

If you're creating your webpack configuration from scratch, these plugins will be needed.

	import 'package:flutter/material.dart';

	final Color darkBlue = Color.fromARGB(255, 18, 32, 47);

	void main() {
	runApp(MyApp());
	}

	class MyApp extends StatelessWidget {
	@override

	{
	"search.exclude": {
	"*/.log": true,
	"*/bootstrap.*": true,
	"build": true,
	"install": true,
	"test": true,
	"src/main/javascript/build": true,
	"src/main/javascript/ext": true,
	"src/main/resources": true,

	<?xml version="1.0" encoding="UTF-8"?>

	<web-app
	xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
	metadata-complete="true"
	version="2.5">

	<!-- Cmd CLI Reverse HTTP Proxy Configuration -->

	package com.sencha.gxt.test.client._northgate;

	import com.google.gwt.core.client.EntryPoint;
	import com.google.gwt.core.client.GWT;
	import com.google.gwt.core.client.JavaScriptObject;
	import com.google.gwt.dom.client.Document;
	import com.google.gwt.dom.client.Element;
	import com.google.gwt.dom.client.IFrameElement;
	import com.google.gwt.dom.client.NodeList;

	import com.google.gwt.core.client.EntryPoint;
	import com.google.gwt.core.client.GWT;
	import com.google.gwt.core.client.ScriptInjector;
	import com.google.gwt.dom.client.Document;
	import com.google.gwt.dom.client.ScriptElement;
	import com.google.gwt.resources.client.*;
	import com.google.gwt.safehtml.shared.SafeHtmlUtils;
	import com.google.gwt.user.client.ui.HTML;
	import com.google.gwt.user.client.ui.RootPanel;
	import com.projectname.project.client.myview.MyViewWidget;

	class MyFroalaEditorElement extends HTMLElement {
	constructor() {
	super();
	}

	connectedCallback() {
	this.attachShadow({mode: 'open'});
	this.shadowRoot.innerHTML = `
	<link href='https://cdn.jsdelivr.net/npm/[email protected]/css/froala_editor.pkgd.min.css' rel='stylesheet'
	type='text/css' />

	<!DOCTYPE html>
	<html>

	<head>
	<!-- Load CSS files. -->
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/css/froala_editor.css">

	<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script>
	<script>
	// 1. Define the Froala Editor resources import path