Skip to main content

Ares FreeText HTML to Markdown Conversion

As of Ares v5.0, free-text items and message board posts should be converted to utilize the Markdown format instead of HTML. This allows the free text editors to still display the formatted text correctly in plain text after the 5.0 update. To update any current posts with the new format, you'll need to run the HTML to Markdown Conversion Utility. To ensure future posts are formatted properly, you'll need to replace your existing pages with the new defaults in the downloads or implement the page changes below.

Updating Existing Posts to Current Format​

During the 5.0 update, an HTML to Markdown Conversion Utility is installed to the base level of the install folder (default location: C:\Ares). The utility is a tool used to update the existing posts in the database. To run the utility, follow the steps below:

  1. Open the Command Prompt.
  2. Navigate to the base level install folder (e.g., C:\Ares).
  3. Run the HtmlToMarkdownConversionUtility.exe file.

Command Prompt running HtmlToMarkdownConversionUtility.exe

Configuring the HTML to Markdown Conversion Utility​

The utility is configured in the command line according to the following parameters:

ParameterDescription
verboseIf set to "true," all log output will be written to the console window. If set to "false," only errors will be written to the console window. The default setting is "false."
server (required)The address of the SQL server to which you are connecting.
database (required)The name of the database to which you are connecting.
timeoutThe SQL connection timeout (in seconds).
integratedsecurityIf set to "true," the application will use your Windows account to authenticate against the SQL server. If set to "false," then username and password parameters must be specified. The default setting is "false."
usernameThe username used to log in to the SQL server.
passwordThe password used to log in to the SQL server.
conversiontypeDefines which tables are converted. Possible values are "FreeText," "MessageBoard," and "All." The default setting is "All."
logchangesIf set to "true," the original values of all converted records will be written to a file named "HtmlToMarkdown.Preconversion.log." The default setting is "false."

Updating Web Pages​

warning

The following changes must be made in both the default web page directory and the LMS web page directory.

To ensure that future posts are formatted properly, please follow the steps below to make the required changes to the web pages:

  1. Download a copy of the default web pages. You'll need this to add some new files to the web directory.
  2. Open file explorer and navigate to the web directory (default location: C:\inetpub\wwwroot\ares).
  3. Open the LMSWebPages/WebPages > js folder.
    1. Delete the ckeditor folder.
    2. Add the following files:
        • pell.min.js
          • showdown.min.js
          • aresMarkdown.js
          • purify.min.js
  4. Open the LMSWebPages/WebPages > css folder:
    1. Add the pell.min.css file.
  5. Navigate back to the base LMSWebPages/WebPages folder.
    1. Overwrite the following default pages with the new files or make the changes to each page specified below: - ICourseMessageBoardNewReply.html - ICourseMessageBoardNewThread.html - ICourseMessageBoardThread.html - IItemInfo.html - IRFCreate.html - IRFEditCreate.html - ISharedListItemInfo.html - ISLRFCreate.html - ISLRFEditCreate.html - UCourseMessageBoardNewReply.html - UCourseMessageBoardNewThread.html - UCourseMessageBoardThread.html
warning

If you are making the changes to each page manually, please note that the changes for each page may differ between the default version of the page and the LMS version. This means that you will have to make two separate sets of changes for each page, i.e., one set of changes for the page in the default web directory and another set of changes for that page in LMS web directory.

Changes to Default Web Pages | Changes to LMS Web Pages

Changes to Default Web Pages​

ICourseMessageBoardNewReply.html​

Change this (default lines 3-17):

<head>
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
</head>
<body id="type-b"> <!-- REMOVE id="type-b" -->
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a" onload="ConvertMarkdown()"> <!-- CHANGE id to "type-a" and ADD onload event -->
<div id="wrap">
<div id="content-wrap">

Change this (default lines 38-45):

<script>
CKEDITOR.replace( 'message', {
  toolbar: [
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }
  ]
});
</script> <!-- REMOVE entire CKEDITOR configuration -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("message");</script> <!-- ADD initialize call -->

ICourseMessageBoardNewThread.html​

Change this (default lines 3-17):

<head>
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
</head>
<body id="type-b"> <!-- REMOVE id="type-b" -->
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a"> <!-- CHANGE id to "type-a" -->
<div id="wrap">
<div id="content-wrap">

Change this (default lines 44-51):

<script>
CKEDITOR.replace( 'message', {
  toolbar: [
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }
  ]
});
</script> <!-- REMOVE entire CKEDITOR configuration -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("message");</script> <!-- ADD initialize call -->

ICourseMessageBoardThread.html​

Change this (default lines 3-16):

<head>
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-b"> <!-- REMOVE id="type-b" -->
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a" onload="ConvertMarkdown()"> <!-- CHANGE id to "type-a" and ADD onload event -->
<div id="wrap">
<div id="content-wrap">

IItemInfo.html​

Change this (default lines 3-17):

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Ares - Item <#ITEM></title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-b"> <!-- REMOVE id="type-b" -->
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Ares - Item <#ITEM></title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
</head>
<body id="type-a" onload="ConvertMarkdownItemText()"> <!-- CHANGE id to "type-a" and ADD onload event -->
<div id="wrap">
<div id="content-wrap">

Change this (default line 70):

<div class="row"><div style="margin-left: 25px" ><#ITEM></div></div>

To this:

<div class="row"><div style="margin-left: 25px" class="item-text"><#ITEM></div></div> <!-- ADD class="item-text" -->

IRFCreate.html​

Change this (default lines 3-25):

<head>
  <title>Ares - Create Reserve Item</title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
  <script type="text/javascript">
  <!--
  function focusIframeOnTab(caller, tabTargetId, callEvent){
    // If keypress TAB and not SHIFT+TAB
    if(callEvent.keyCode == 9 && !callEvent.shiftKey)
      document.getElementById(tabTargetId).contentWindow.focus();
  }
  // -->
  </script>
  <script>var sessionid = '<#PARAM name='SessionID'>';</script>
</head>
<body id="type-b"> <!-- REMOVE id="type-b" -->
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Create Reserve Item</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script type="text/javascript">
  // <!--
  function focusIframeOnTab(caller, tabTargetId, callEvent){
    // If keypress TAB and not SHIFT+TAB
    if(callEvent.keyCode == 9 && !callEvent.shiftKey)
      document.getElementById(tabTargetId).contentWindow.focus();
  }
  // -->
  </script>
  <script>var sessionid = '<#PARAM name='SessionID'>';</script>
</head>
<body id="type-a"> <!-- CHANGE id to "type-a" -->
<div id="wrap">
<div id="content-wrap">

Change this (default lines 88-90):

<script>
CKEDITOR.replace( 'ItemText' );
</script> <!-- REMOVE CKEDITOR replacement -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("ItemText");</script> <!-- ADD initialize call -->

IRFEditCreate.html​

Change this (default lines 3-26):

<head>
  <title>Ares - Edit Item <#ITEM></title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
  <script type="text/javascript">
  function focusIframeOnTab(caller, tabTargetId, callEvent){
    // If keypress TAB and not SHIFT+TAB
    if(callEvent.keyCode == 9 && !callEvent.shiftKey)
      document.getElementById(tabTargetId).contentWindow.focus();
  }
  </script>
  <script>var sessionid = '<#PARAM name='SessionID'>';</script>
</head>
<body id="type-b"> <!-- REMOVE id="type-b" -->
<div id="wrap">
<#INCLUDE filename="include_header.html">
<#INCLUDE filename="include_setItemFieldsAsReadOnly.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Edit Item <#ITEM></title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script type="text/javascript">
  function focusIframeOnTab(caller, tabTargetId, callEvent){
    // If keypress TAB and not SHIFT+TAB
    if(callEvent.keyCode == 9 && !callEvent.shiftKey)
      document.getElementById(tabTargetId).contentWindow.focus();
  }
  </script>
  <script>var sessionid = '<#PARAM name='SessionID'>';</script>
</head>
<body id="type-a"> <!-- CHANGE id to "type-a" -->
<div id="wrap">
<#INCLUDE filename="include_setItemFieldsAsReadOnly.html">
<div id="content-wrap">

Change this (default lines 93-95):

<script>
CKEDITOR.replace( 'ItemText' );
</script> <!-- REMOVE CKEDITOR replacement -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("ItemText");</script> <!-- ADD initialize call -->

ISharedListItemInfo.html​

Change this (default lines 3-13):

<head>
  <title>Ares - Shared List Item <#SHAREDLISTITEM></title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-b"> <!-- REMOVE id="type-b" -->
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Shared List Item <#SHAREDLISTITEM></title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
</head>
<body id="type-a" onload="ConvertMarkdownItemText()"> <!-- CHANGE id to "type-a" and ADD onload event -->
<div id="wrap">
<div id="content-wrap">

ISLRFCreate.html​

Change this (default lines 3-25):

<head>
  <title>Ares - Create Shared List Item</title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
  <script type="text/javascript">
  <!--
  function focusIframeOnTab(caller, tabTargetId, callEvent){
    // If keypress TAB and not SHIFT+TAB
    if(callEvent.keyCode == 9 && !callEvent.shiftKey)
      document.getElementById(tabTargetId).contentWindow.focus();
  }
  // -->
  </script>
  <script>var sessionid = '<#PARAM name='SessionID'>';</script>
</head>
<body id="type-b"> <!-- REMOVE id="type-b" -->
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Create Shared List Item</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script type="text/javascript">
  // <!--
  function focusIframeOnTab(caller, tabTargetId, callEvent){
    // If keypress TAB and not SHIFT+TAB
    if(callEvent.keyCode == 9 && !callEvent.shiftKey)
      document.getElementById(tabTargetId).contentWindow.focus();
  }
  // -->
  </script>
  <script>var sessionid = '<#PARAM name='SessionID'>';</script>
</head>
<body id="type-a"> <!-- CHANGE id to "type-a" -->
<div id="wrap">
<div id="content-wrap">

Change this (default lines 69-71):

<script>
CKEDITOR.replace( 'ItemText' );
</script> <!-- REMOVE CKEDITOR replacement -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("ItemText");</script> <!-- ADD initialize call -->

ISLRFEditCreate.html​

Change this (default lines 3-25):

<head>
  <title>Ares - Edit Shared List Item <#SHAREDLISTITEM></title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
  <script type="text/javascript">
  <!--
  function focusIframeOnTab(caller, tabTargetId, callEvent){
    // If keypress TAB and not SHIFT+TAB
    if(callEvent.keyCode == 9 && !callEvent.shiftKey)
      document.getElementById(tabTargetId).contentWindow.focus();
  }
  // -->
  </script>
  <script>var sessionid = '<#PARAM name='SessionID'>';</script>
</head>
<body id="type-b"> <!-- REMOVE id="type-b" -->
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Edit Shared List Item <#SHAREDLISTITEM></title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script type="text/javascript">
  // <!--
  function focusIframeOnTab(caller, tabTargetId, callEvent){
    // If keypress TAB and not SHIFT+TAB
    if(callEvent.keyCode == 9 && !callEvent.shiftKey)
      document.getElementById(tabTargetId).contentWindow.focus();
  }
  // -->
  </script>
  <script>var sessionid = '<#PARAM name='SessionID'>';</script>
</head>
<body id="type-a"> <!-- CHANGE id to "type-a" -->
<div id="wrap">
<div id="content-wrap">

Change this (default lines 72-74):

<script>
CKEDITOR.replace( 'ItemText' );
</script> <!-- REMOVE CKEDITOR replacement -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("ItemText");</script> <!-- ADD initialize call -->

UCourseMessageBoardNewReply.html​

Change this (default lines 3-12):

<head>
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
</head>
<body id="type-a">
<div id="wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a" onload="ConvertMarkdown()"> <!-- ADD onload event -->
<div id="wrap">

Change this (default lines 36-43):

<script>
CKEDITOR.replace( 'message', {
  toolbar: [
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }
  ]
});
</script> <!-- REMOVE entire CKEDITOR configuration -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("message");</script> <!-- ADD initialize call -->

UCourseMessageBoardNewThread.html​

Change this (default lines 3-10):

<head>
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
</head>

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>

Change this (default lines 41-48):

<script>
CKEDITOR.replace( 'message', {
  toolbar: [
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }
  ]
});
</script> <!-- REMOVE entire CKEDITOR configuration -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("message");</script> <!-- ADD initialize call -->

UCourseMessageBoardThread.html​

Change this (default lines 3-11):

<head>
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a">
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a" onload="ConvertMarkdown()"> <!-- ADD onload event -->
<div id="wrap">
<div id="content-wrap">

Changes to LMS Web Pages​

ICourseMessageBoardNewReply.html​

Change this (default lines 3-12):

<head>
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
</head>
<body id="type-a">
<div id="wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a" onload="ConvertMarkdown()"> <!-- ADD onload event -->
<div id="wrap">

Change this (default lines 36-43):

<script>
CKEDITOR.replace( 'message', {
  toolbar: [
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }
  ]
});
</script> <!-- REMOVE entire CKEDITOR configuration -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("message");</script> <!-- ADD initialize call -->

ICourseMessageBoardNewThread.html​

Change this (default lines 3-10):

<head>
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
</head>

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>

Change this (default lines 41-48):

<script>
CKEDITOR.replace( 'message', {
  toolbar: [
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }
  ]
});
</script> <!-- REMOVE entire CKEDITOR configuration -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("message");</script> <!-- ADD initialize call -->

ICourseMessageBoardThread.html​

Change this (default lines 3-11):

<head>
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a">
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a" onload="ConvertMarkdown()"> <!-- ADD onload event -->
<div id="wrap">
<div id="content-wrap">

IItemInfo.html​

Change this (default lines 3-12):

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Ares - Item <#ITEM></title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a">
<div id="wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Ares - Item <#ITEM></title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
</head>
<body id="type-a" onload="ConvertMarkdownItemText()"> <!-- ADD onload event -->
<div id="wrap">

Change this (default line 68):

<div style="margin-left: 25px" ><#ITEM></div>

To this:

<div style="margin-left: 25px" class="item-text"><#ITEM></div> <!-- ADD class="item-text" -->

IRFCreate.html​

Change this (default lines 3-7):

<head>
  <title>Ares - Create Reserve Item</title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
  <script type="text/javascript">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Create Reserve Item</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script type="text/javascript">

Change this (default lines 88-91):

<script>
CKEDITOR.replace( 'ItemText' );
</script> <!-- REMOVE CKEDITOR replacement -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("ItemText");</script> <!-- ADD initialize call -->

IRFEditCreate.html​

Change this (default lines 3-8):

<head>
  <title>Ares - Edit Item <#ITEM></title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
  <script type="text/javascript">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Edit Item <#ITEM></title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script type="text/javascript">

ISharedListItemInfo.html​

Change this (default lines 3-11):

<head>
  <title>Ares - Shared List Item <#SHAREDLISTITEM></title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a">
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Shared List Item <#SHAREDLISTITEM></title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
</head>
<body id="type-a" onload="ConvertMarkdownItemText()"> <!-- ADD onload event -->
<div id="wrap">
<div id="content-wrap">

ISLRFCreate.html​

Change this (default lines 3-7):

<head>
  <title>Ares - Create Shared List Item</title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
  <script type="text/javascript">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Create Shared List Item</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script type="text/javascript">

Change this (default lines 69-71):

<script>
CKEDITOR.replace( 'ItemText' );
</script> <!-- REMOVE CKEDITOR replacement -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("ItemText");</script> <!-- ADD initialize call -->

ISLRFEditCreate.html​

Change this (default lines 3-7):

<head>
  <title>Ares - Edit Shared List Item <#SHAREDLISTITEM></title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
  <script type="text/javascript">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Edit Shared List Item <#SHAREDLISTITEM></title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script type="text/javascript">

Change this (default lines 72-74):

<script>
CKEDITOR.replace( 'ItemText' );
</script> <!-- REMOVE CKEDITOR replacement -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("ItemText");</script> <!-- ADD initialize call -->

UCourseMessageBoardNewReply.html​

Change this (default lines 3-12):

<head>
  <title>Ares - Course <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
</head>
<body id="type-a">
<div id="wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Course <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a" onload="ConvertMarkdown()"> <!-- ADD onload event -->
<div id="wrap">

Change this (default lines 34-41):

<script>
CKEDITOR.replace( 'message', {
  toolbar: [
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }
  ]
});
</script> <!-- REMOVE entire CKEDITOR configuration -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("message");</script> <!-- ADD initialize call -->

UCourseMessageBoardNewThread.html​

Change this (default lines 3-10):

<head>
  <title>Ares - Course <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
  <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <!-- REMOVE CKEditor reference -->
</head>

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Course <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <link rel="stylesheet" type="text/css" href="css/pell.min.css"> <!-- ADD pell styles -->
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/pell.min.js"></script> <!-- ADD pell.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>

Change this (default lines 40-47):

<script>
CKEDITOR.replace( 'message', {
  toolbar: [
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }
  ]
});
</script> <!-- REMOVE entire CKEDITOR configuration -->

To this:

<div id="editor" hidden="true"></div> <!-- ADD editor container -->
<script>InitializeEditor("message");</script> <!-- ADD initialize call -->

UCourseMessageBoardThread.html​

Change this (default lines 3-11):

<head>
  <title>Ares - Course <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a">
<div id="wrap">
<#INCLUDE filename="include_header.html">
<div id="content-wrap">

To this:

<head>
  <meta data-name="ares_wpv" data-bn="20200629.2" data-bid="9897" data-cid="8e7992db13fa0a4a847688cbc62edf189d26850e" /> <!-- ADD metadata -->
  <title>Ares - Course <#COURSE> Message Board</title>
  <#INCLUDE filename="include_head.html">
  <script type="text/javascript" src="js/showdown.min.js"></script> <!-- ADD showdown.js -->
  <script type="text/javascript" src="js/purify.min.js"></script> <!-- ADD purify.js -->
  <script type="text/javascript" src="js/aresMarkdown.js"></script> <!-- ADD aresMarkdown.js -->
  <script>var sessionid = '<#PARAM name='name="SessionID"/'>';</script>
</head>
<body id="type-a" onload="ConvertMarkdown()"> <!-- ADD onload event -->
<div id="wrap">
<div id="content-wrap">