Create A Publishing Page In SharePoint Using Javascript Object Model

SharePoint Publishing feature is one of the features which extends SharePoint functionality as a content management system. Once the publishing feature is activated, we can create the publishing pages with the different page layouts and associate it to the custom master page. This creates a unique look and feel and helps to customize the way, content is published. Publishing feature can be activated at the site collection and the site level.

Once, it is activated, Pages library will be available in the site contents.

We can create the pages with the different page layouts in this library.



Let’s see, how we can do the same programmatically, using JavaScript Object Model.

Internal Implementation

• Add the reference to jQuery file.
  
  1. <script language="javascript" type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  2. <script language="javascript" type="text/javascript">
• Within Document ready function, call SP.SOD.executeFunc, so as to load the on demand script SP.js. Call the main starting point function say: createPublishingPage.
  
  1. SP.SOD.executeFunc('sp.js', 'SP.ClientContext', createPublishingPage);
• Instantiate client context, Web and Master Page Library instance.
  
  1. //Get client context and web object
  2. var clientContext = new SP.ClientContext();
  3. var oWeb = clientContext.get_web();
  4. var oList = oWeb.get_lists().getByTitle('Master Page Gallery');
• Get the page layout by ID, using which, we will create a publishing page.
  
  1. pageLayoutitem = oList.getItemById(2268);
• Load the client context and execute the batch.
  
  1. clientContext.load(oWeb);
  2. clientContext.load(pageLayoutitem);
  3. clientContext.executeQueryAsync(QuerySuccess, QueryFailure);
• In the success callback, create a publishing page, using PublishingPageInformation object.
  
  1. var newPublishingPage = SP.Publishing.PublishingWeb.getPublishingWeb(clientContext,oWeb);
  2. var pageInfo = new SP.Publishing.PublishingPageInformation();
  3. pageInfo.set_name("New Publishing Page.aspx");
  4. pageInfo.set_pageLayoutListItem(pageLayoutitem);
  5. newPage = newPublishingPage.addPublishingPage(pageInfo);
• Load the client context and execute the batch, once again.
  
  1. clientContext.load(newPage);
  2. clientContext.executeQueryAsync(SecondQuerySuccess, SecondQueryFailure);

Full Code

The full code to create the publishing page, using JavaScript object model is shown below: