CODEWITHSUNDEEP
phphtmlckeditor
CaribouCode
CaribouCode

Reputation: 14398

contenteditable for inline editing with ckEditor

I'm creating an inline CMS using ckeditor. The idea is:

The regions are specified with the contenteditable attribute:

<div contenteditable="true">
  safsdfdfsdfdfsdfsdfds
</div>

Since a session is created when the client logs in, I've written some PHP that knows to enable ckEditor and all the CMS functionality if the client is logged in.

The issue I have, is when not logged in, contenteditable="true" on divs still allows you to edit them without a WYSIWYG as the default behaviour for the browser. Obviously this is no good. How do I stop users being able to edit the page?

Upvotes: 0

Views: 1831

Answers (2)

bjuice
bjuice

Reputation: 291

In PHP:

Create first a function that returns true if the user is logged in, then, for each editable region (in your views):

<div<?php if (your_login_check_function()) echo ' contenteditable="true"'; ?>>Lorem ipsum</div>

It's a bit tedious but it should work.

Or in jQuery (as proposed by Moritz):

Add a data-contenteditable="true" to your editable nodes, then add a script to the end of the page when the user is logged in:

<script>$('[data-contenteditable]').attr('contenteditable', true);</script>

Upvotes: 0

Moritz Mahringer
Moritz Mahringer

Reputation: 1361

You could setup the divs like that:

<div data-contenteditable="true">

And have a JavaScript (if in admin mode) go over all divs (document.getElementsByTagName("div")) and if they have data-contenteditable set the real contenteditable.

Otherwise let the server only include contenteditable if in admin mode

Upvotes: 1

Related Questions