Liking a jsx file wwith

Report · Feb 26, 2019

I'm currently trying to run some code to be executed in an illustrator file from my script. I'll explain my scenario and what I'm trying to achieve.

I'm using illustrator cc 2019.

I have the extensions panel test from Adobe and in it there is the following file in CSXS/manifest.xml here I have my resource and script path like this:

<MainPath>./html/index.html</MainPath>

Now in my index html file I put this:

var csInterface = new CSInterface();

csInterface.evalScript('app.documents.add();', evalScriptCallback());

in core.jsx file I put this call back:

function evalScriptCallback(result)

{

alert('this is my test');

}

This isn't working for me and nothing happens. The expected result would be to have an alert that says "This is my test".

However when I put this function evalScriptCallback in my index.html file then it works. I'm assuming the core.jsx file isn't linking but it's in the manifest.xml file that is my confusion.

I also tried this:

removing the core.jsx from the manfiest and adding it in a jsx call back file like so:

jsx.file("../jsx/citylocs.jsx", myFabCallBack);

Can anyone give me any direction?

Report · Feb 26, 2019

Could you show me the full HTML source?

Report · Feb 26, 2019

Here it is along with my file structure.

Index.html

----- different htmls in the left side bar

---- myfile.html <--- this is the file I'm working from this is selected from index.html

<head>

<title>Test Nodejs</title>

var csi = new CSInterface();

csi.evalScript("myFreshCall()");

}

</script>

#dbs {

width: 760px;

height: 280px;

border: 1px solid #B8B8B8;

padding: 10px;

color: #E3E3E3;

}

.serverInfo {

width: 67px;

margin-right: 3px;

}

.sql {

width: 625px;

margin-top: 40px;

}

.selectMongoAPI {

width: 500px;

margin-top: 40px;

}

.serverInfoDiv {

margin-top: 25px;

}

.resultTable {

margin-top: 55px;

}

.result {

width: 680px;

height: 47px;

resize: none;

}

</style>

</head>

<body>

<div>

<table>

<tr>

<span id="restartExit" class="Button">Restart Extension</span>

<label>Check if Node is enabled: </label>

<button name="btnCheckEnabled" id="btnCheckEnabled"> IsNodeJSEnabled </button>

</tr>

</table>

<label for="db">Connect to get orders: </label>

<option value="mysql">Shopify</option>

</select>

<button name="btnConnect" id="btnConnect"> Connect to DB </button>

</div>

<div>

</select>

<button name="btnExecute" id="btnExecute"> Setup Templates </button>

</div>

<div>

<tr>

<td><label for="result">Result:</label></td>

</tr>

</table>

</div>

</body>

</html>

The file core.jsx contains:

function evalScriptCallback()

{

alert('this is my test');

}

Report · Feb 26, 2019

Ok so when I put the evalScript

var csi = new CSInterface();

csi.evalScript("evalScriptCallback()");

In the main index.html file it works. But when it's in a sub file like the myindex.html which is nested inside index.html it does not work.

Is there away to link it so it'll work?

Report · Feb 26, 2019

Ah man! Not it works!

I notice that the problem is it doesn't reload the core.jsx file when I close the extensions pallet. I think it wasn't picking up my test code until I restarted illustrator. Is this the way it is?

Report · Feb 26, 2019

Here is a diagram of how evalScript method works.

and you can use remote debugging. Reference below.

CEP-Resources/CEP 8.0 HTML Extension Cookbook.md at master · Adobe-CEP/CEP-Resources · GitHub

Adobe Community

Liking a jsx file wwith