3

I am trying to use ng-quill with SharePoint AddIn but it's giving me errors,

SCRIPT5022: [Parchment] Invalid definition quill.js (244,9) SCRIPT256: This command is not supported. quill.js (7451,3)

When I use the same in pre HTML page it's working but not with AddIn.

Default.html

<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" MasterPageFile="~masterurl/default.master" Language="C#" %>

<%@ Register TagPrefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%-- The markup and script in the following Content element will be placed in the <head> of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">
    <script type="text/javascript" src="../Scripts/jquery-1.9.1.min.js"></script>
    <SharePoint:ScriptLink name="sp.js" runat="server" OnDemand="true" LoadAfterUI="true" Localizable="false" />
    <meta name="WebPartPageExpansion" content="full" />

    <!-- Add your CSS styles to the following file -->
    <link rel="Stylesheet" type="text/css" href="../Content/App.css" />

    <!-- Add your JavaScript to the following file -->
    <script type="text/javascript" src="../Scripts/App.js"></script>
</asp:Content>

<%-- The markup in the following Content element will be placed in the TitleArea of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea" runat="server">
    This is page Title area
</asp:Content>

<%-- The markup and script in the following Content element will be placed in the <body> of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderMain" runat="server">
    <div ng-app="HelloWorldApp">
        <p id="message" ng-controller="HelloWorldController">
            <!-- The following content will be replaced with the user name when you run the app - see App.js -->
            initializing...
            {{Hello}}
        </p>

        <%--<ng-quill-editor 
                     ng-model="title" 
                     placeholder="override default placeholder">
        </ng-quill-editor>--%>
    </div>

    <link rel="stylesheet" href="//cdn.quilljs.com/1.3.1/quill.snow.css">
    <link rel="stylesheet" href="//cdn.quilljs.com/1.3.1/quill.bubble.css">
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
    <script type="text/javascript" src="//cdn.quilljs.com/1.3.1/quill.js"></script>
    <script type="text/javascript" src="../Scripts/ng-quill/ng-quill.js"></script>
    <script type="text/javascript" src="../Scripts/AngularApp.js"></script>

</asp:Content>

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.