​

// In my code, user info comes from a user database via ajax

// It retrieves the first name, last name and the database unique id for each

// person, this then populates the whitelist. Here I'm setting it manually.

// This is also the reason for my previous request concerning storing a 

// database Id. So for example in the report box I could write :

// 

// Today @lee matthews went somewhere.

//

// But on retriving the data i would read 

//

// Today @123 went somewhere

//

​

var settings = {

    mode             : 'mix',  // <--  Enable mixed-content

    pattern          : /@/,  

    enforceWhitelist : true,

    whitelist        : [       // <--  Set the initial whitelist, which will dynamically change as you type (see "input" event below)

    {

        value : 'lee matthews',

        title : 'lee matthews'

    },

    {

        value : 'lee',

        title : 'lee'

    }],

    duplicates       : true,

​

    dropdown   : {

      enabled : 1

    }

}

​

var input = document.querySelector('input');

var tagify = new Tagify(input, settings); 

​

// I wish to write a report into the text box that will include user name tags, 

// such as :

​

// Saturday, @lee matthews went shopping. Sunday @lee matthews went to the

// cinema.

​

// etc

​

// I then need to save that report to the database.

​

// If I put "hello @lee matthews" into the report field

​

function readFromReport(obj) {

  var databaseField = document.getElementById("databaseField");

  var report = document.querySelector('input');

  databaseField.value = report.value;

}

​

// I can read that data ok by clicking "read", in the database field 

// I get something like :

​

// hello [[lee matthews]]

​

// --

​

// I also need to be able to read that report back from a database and display

// it in the report field.

​

// The problem is that I cannot write back into the report field

// So if I modify my string in the database field such as :

//

// hello [[lee matthews]], how are you?

//

// And click "write", nothing changes in the report text box. 

// It stays set as "hello @lee matthews"

​

function writeToReport(obj) {

  var databaseField = document.getElementById("databaseField");

  var report = document.querySelector('input');

  commentHtml= tagify.parseMixTags(databaseField.value);

  report.value = commentHtml;

  //report.value = databaseField.value;

}